mordoc 0.1.1

package/dist/styles/components/callout.js

@@ -0,0 +1,83 @@
+"use strict";
+/**
+ * Callout component styles
+ * Note, warning, and danger callout boxes
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class CalloutStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate() {
+        return `/* Callout Component */
+/* Base Callout Container */
+.callout {
+  background-color: #F5F5F5;
+  padding: 16px;
+  border-radius: 8px;
+  margin: 16px 0;
+  border-left-style: solid;
+  border-left-width: 4px;
+}
+
+/* Note Callout (Blue/Cyan) */
+.callout-note {
+  border-left-color: #47A3D1;
+}
+
+/* Warning Callout (Amber/Yellow) */
+.callout-warning {
+  border-left-color: #E6911A;
+}
+
+/* Danger Callout (Red) */
+.callout-danger {
+  border-left-color: #D22D2D;
+}
+
+/* Callout Title */
+.callout-title {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.4;
+  margin-bottom: 4px;
+  color: #0f172a;
+}
+
+/* Callout Body Text */
+.callout-body {
+  font-size: 16px;
+  line-height: 1.625;
+  color: #576375;
+}
+
+/* Icon Styling */
+.callout-icon {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: #576375;
+}
+
+${(0, utils_1.darkMode)(`  .callout {
+    background-color: #1D212B;
+  }
+  
+  .callout-title {
+    color: #F3F5F7;
+  }
+  
+  .callout-body {
+    color: #8A99A8;
+  }
+  
+  .callout-icon {
+    color: #8A99A8;
+  }`)}`;
+    }
+}
+exports.CalloutStyleGenerator = CalloutStyleGenerator;
+//# sourceMappingURL=callout.js.map

package/dist/styles/components/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/styles/components/callout.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAoC;AAEpC,MAAa,qBAAqB;IAChC,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ;QACN,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDT,IAAA,gBAAQ,EAAC;;;;;;;;;;;;;;IAcP,CAAC,EAAE,CAAC;IACN,CAAC;CACF;AAvED,sDAuEC"}

package/dist/styles/components/card.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Card component styles
+ * Card and CardGrid components for showcasing content
+ */
+import { GlobalVariables } from '../types';
+export declare class CardStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/styles/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/styles/components/card.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAY3C,qBAAa,kBAAkB;IACjB,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,eAAe;IAE/C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM;CA0KzD"}

package/dist/styles/components/card.js

@@ -0,0 +1,179 @@
+"use strict";
+/**
+ * Card component styles
+ * Card and CardGrid components for showcasing content
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class CardStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate(userOverrides) {
+        const defaults = {
+            cardBorderColor: '#E6E6E6',
+            cardBorderColorDark: '#262626',
+            cardTitleColor: '#171717',
+            cardTitleColorDark: '#FAFAFA',
+            cardArrowColor: '#525252',
+            cardArrowColorDark: '#B3B3B3',
+        };
+        const vars = (0, utils_1.mergeOverrides)(defaults, userOverrides, [
+            'cardBorderColor', 'cardBorderColorDark', 'cardTitleColor',
+            'cardTitleColorDark', 'cardArrowColor', 'cardArrowColorDark'
+        ]);
+        return `/* Card Component */
+.card-grid {
+  display: grid;
+  gap: 1.5rem;
+  margin: 2rem 0;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
+}
+
+.card-grid[data-cols="2"] {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
+}
+
+.card-grid[data-cols="3"] {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
+}
+
+.card-grid[data-cols="4"] {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  padding: 1.25rem;
+  border: 1px solid ${vars.cardBorderColor};
+  border-radius: 8px;
+  background-color: #FFFFFF;
+  transition: all 300ms ease;
+  position: relative;
+}
+
+.card-link {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  display: block;
+  height: 100%;
+}
+
+.card-link:hover {
+  box-shadow: 4px 10px 15px -3px rgba(23, 23, 23, 0.06);
+  transform: translateY(-4px);
+}
+
+.card-link:hover .card-arrow {
+  transform: translateX(4px);
+  color: ${vars.cardTitleColor};
+}
+
+.card-link:active {
+  transform: translateY(-2px);
+}
+
+.card-icon {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+}
+
+.card-icon-img {
+  width: 2.5rem;
+  height: 2.5rem;
+  object-fit: contain;
+  flex-shrink: 0;
+  margin: 0 0 1rem 0;
+}
+
+.card-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.card-title {
+  margin: 0 0 0.25rem 0;
+  font-size: 1.25rem;
+  font-weight: ${this.globalVars.fontWeightSemibold};
+  line-height: 1.5;
+  color: ${vars.cardTitleColor};
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  transition: color 300ms ease;
+}
+
+.card-arrow {
+  flex-shrink: 0;
+  margin-top: 0.25rem;
+  color: ${vars.cardArrowColor};
+  transition: all 300ms ease;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.card-description {
+  margin: 0;
+  color: #1C1C1C;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.card-description p {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: inherit;
+}
+
+.card-description p:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
+
+${(0, utils_1.darkMode)(`  .card {
+    background-color: #171717;
+    border-color: ${vars.cardBorderColorDark};
+  }
+  
+  .card-title {
+    color: ${vars.cardTitleColorDark};
+  }
+  
+  .card-description {
+    color: #D9D9D9;
+  }
+  
+  .card-description p {
+    color: inherit;
+  }
+  
+  .card-arrow {
+    color: ${vars.cardArrowColorDark};
+  }
+  
+  .card-link:hover .card {
+    box-shadow: 0 10px 15px -3px rgba(250, 250, 250, 0.05);
+    border-color: rgba(179, 179, 179, 0.5);
+  }
+  
+  .card-link:hover .card-title {
+    color: #FFFFFF;
+  }
+  
+  .card-link:hover .card-arrow {
+    color: ${vars.cardTitleColorDark};
+  }`)}`;
+    }
+}
+exports.CardStyleGenerator = CardStyleGenerator;
+//# sourceMappingURL=card.js.map

package/dist/styles/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/styles/components/card.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAgE;AAWhE,MAAa,kBAAkB;IAC7B,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ,CAAC,aAAsC;QAC7C,MAAM,QAAQ,GAAkB;YAC9B,eAAe,EAAE,SAAS;YAC1B,mBAAmB,EAAE,SAAS;YAC9B,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,SAAS;YAC7B,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,SAAS;SAC9B,CAAC;QAEF,MAAM,IAAI,GAAG,IAAA,sBAAc,EACzB,QAAQ,EACR,aAAa,EACb;YACE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB;YAC1D,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB;SAC7D,CACF,CAAC;QAEF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;sBAwBW,IAAI,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;WAsB/B,IAAI,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8Bb,IAAI,CAAC,UAAU,CAAC,kBAAkB;;WAExC,IAAI,CAAC,cAAc;;;;;;;;;;;WAWnB,IAAI,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4B5B,IAAA,gBAAQ,EAAC;;oBAES,IAAI,CAAC,mBAAmB;;;;aAI/B,IAAI,CAAC,kBAAkB;;;;;;;;;;;;aAYvB,IAAI,CAAC,kBAAkB;;;;;;;;;;;;;aAavB,IAAI,CAAC,kBAAkB;IAChC,CAAC,EAAE,CAAC;IACN,CAAC;CACF;AA7KD,gDA6KC"}

package/dist/styles/components/codeblock.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Code block styles with syntax highlighting
+ * Prism-based syntax highlighting for code blocks
+ */
+import { GlobalVariables } from '../types';
+export declare class CodeBlockStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(): string;
+}
+//# sourceMappingURL=codeblock.d.ts.map

package/dist/styles/components/codeblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../../src/styles/components/codeblock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,qBAAa,uBAAuB;IACtB,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,eAAe;IAE/C,QAAQ,IAAI,MAAM;CA0OnB"}

package/dist/styles/components/codeblock.js

@@ -0,0 +1,249 @@
+"use strict";
+/**
+ * Code block styles with syntax highlighting
+ * Prism-based syntax highlighting for code blocks
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBlockStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class CodeBlockStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate() {
+        return `/* Code Block with Syntax Highlighting */
+.code-block-wrapper {
+  position: relative;
+  margin-bottom: ${this.globalVars.spacingMd};
+}
+
+.code-block-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${this.globalVars.spacingSm} ${this.globalVars.spacingMd};
+  background-color: ${this.globalVars.surfaceColorLight};
+  border: 1px solid ${this.globalVars.borderColorLight};
+  border-bottom: none;
+  border-radius: ${this.globalVars.borderRadiusMd} ${this.globalVars.borderRadiusMd} 0 0;
+}
+
+${(0, utils_1.darkMode)(`  .code-block-header {
+    background-color: ${this.globalVars.surfaceColorDark};
+    border-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.code-block-language {
+  font-size: ${this.globalVars.fontSizeSm};
+  font-weight: ${this.globalVars.fontWeightSemibold};
+  color: ${this.globalVars.textSecondaryLight};
+  text-transform: capitalize;
+  font-family: ${this.globalVars.fontFamilyBase};
+}
+
+${(0, utils_1.darkMode)(`  .code-block-language {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.code-block-copy {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  background: transparent;
+  border: none;
+  color: ${this.globalVars.textSecondaryLight};
+  cursor: pointer;
+  border-radius: ${this.globalVars.borderRadiusSm};
+  transition: all 0.2s ease;
+}
+
+${(0, utils_1.darkMode)(`  .code-block-copy {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.code-block-copy:hover {
+  background-color: ${this.globalVars.backgroundColorLight};
+  color: ${this.globalVars.textPrimaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .code-block-copy:hover {
+    background-color: ${this.globalVars.backgroundColorDark};
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+
+.code-block-copy:active {
+  transform: scale(0.95);
+}
+
+.code-block-copy svg {
+  width: 16px;
+  height: 16px;
+}
+
+.code-block-wrapper pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  border: 1px solid ${this.globalVars.borderColorLight};
+  border-radius: 0 0 ${this.globalVars.borderRadiusMd} ${this.globalVars.borderRadiusMd};
+}
+
+${(0, utils_1.darkMode)(`  .code-block-wrapper pre {
+    border-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+/* Prism Token Colors */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6a737d;
+}
+
+${(0, utils_1.darkMode)(`  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #8b949e;
+  }`)}
+
+.token.punctuation {
+  color: ${this.globalVars.textPrimaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .token.punctuation {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+
+.token.namespace {
+  opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #0184bc;
+}
+
+${(0, utils_1.darkMode)(`  .token.property,
+  .token.tag,
+  .token.boolean,
+  .token.number,
+  .token.constant,
+  .token.symbol,
+  .token.deleted {
+    color: #79c0ff;
+  }`)}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50a14f;
+}
+
+${(0, utils_1.darkMode)(`  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: #7ee787;
+  }`)}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #a626a4;
+}
+
+${(0, utils_1.darkMode)(`  .token.operator,
+  .token.entity,
+  .token.url,
+  .language-css .token.string,
+  .style .token.string {
+    color: #d2a8ff;
+  }`)}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #a626a4;
+}
+
+${(0, utils_1.darkMode)(`  .token.atrule,
+  .token.attr-value,
+  .token.keyword {
+    color: #ff7b72;
+  }`)}
+
+.token.function,
+.token.class-name {
+  color: #c18401;
+}
+
+${(0, utils_1.darkMode)(`  .token.function,
+  .token.class-name {
+    color: #d29922;
+  }`)}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e45649;
+}
+
+${(0, utils_1.darkMode)(`  .token.regex,
+  .token.important,
+  .token.variable {
+    color: #ffa657;
+  }`)}
+
+
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+pre[class*="language-"] {
+  position: relative;
+  line-height: 1.5;
+}
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: ${this.globalVars.textPrimaryLight};
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  tab-size: 2;
+  hyphens: none;
+}
+
+${(0, utils_1.darkMode)(`  code[class*="language-"],
+  pre[class*="language-"] {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}`;
+    }
+}
+exports.CodeBlockStyleGenerator = CodeBlockStyleGenerator;
+//# sourceMappingURL=codeblock.js.map

package/dist/styles/components/codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../../src/styles/components/codeblock.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAoC;AAEpC,MAAa,uBAAuB;IAClC,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ;QACN,OAAO;;;mBAGQ,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;aAO/B,IAAI,CAAC,UAAU,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS;sBAC7C,IAAI,CAAC,UAAU,CAAC,iBAAiB;sBACjC,IAAI,CAAC,UAAU,CAAC,gBAAgB;;mBAEnC,IAAI,CAAC,UAAU,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC,cAAc;;;EAGjF,IAAA,gBAAQ,EAAC;wBACa,IAAI,CAAC,UAAU,CAAC,gBAAgB;oBACpC,IAAI,CAAC,UAAU,CAAC,eAAe;IAC/C,CAAC;;;eAGU,IAAI,CAAC,UAAU,CAAC,UAAU;iBACxB,IAAI,CAAC,UAAU,CAAC,kBAAkB;WACxC,IAAI,CAAC,UAAU,CAAC,kBAAkB;;iBAE5B,IAAI,CAAC,UAAU,CAAC,cAAc;;;EAG7C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;;;;;;;WASM,IAAI,CAAC,UAAU,CAAC,kBAAkB;;mBAE1B,IAAI,CAAC,UAAU,CAAC,cAAc;;;;EAI/C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;sBAGiB,IAAI,CAAC,UAAU,CAAC,oBAAoB;WAC/C,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;EAGzC,IAAA,gBAAQ,EAAC;wBACa,IAAI,CAAC,UAAU,CAAC,mBAAmB;aAC9C,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;;;;;;;;;;;;;sBAeiB,IAAI,CAAC,UAAU,CAAC,gBAAgB;uBAC/B,IAAI,CAAC,UAAU,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC,cAAc;;;EAGrF,IAAA,gBAAQ,EAAC;oBACS,IAAI,CAAC,UAAU,CAAC,eAAe;IAC/C,CAAC;;;;;;;;;;EAUH,IAAA,gBAAQ,EAAC;;;;;IAKP,CAAC;;;WAGM,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;EAGzC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;;;;;;;;;;;;;;;EAiBH,IAAA,gBAAQ,EAAC;;;;;;;;IAQP,CAAC;;;;;;;;;;;EAWH,IAAA,gBAAQ,EAAC;;;;;;;IAOP,CAAC;;;;;;;;;;EAUH,IAAA,gBAAQ,EAAC;;;;;;IAMP,CAAC;;;;;;;;EAQH,IAAA,gBAAQ,EAAC;;;;IAIP,CAAC;;;;;;;EAOH,IAAA,gBAAQ,EAAC;;;IAGP,CAAC;;;;;;;;EAQH,IAAA,gBAAQ,EAAC;;;;IAIP,CAAC;;;;;;;;;;;;;;;;;;;;;;WAsBM,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;;;;EAUzC,IAAA,gBAAQ,EAAC;;aAEE,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC,EAAE,CAAC;IACN,CAAC;CACF;AA7OD,0DA6OC"}

package/dist/styles/components/content.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Content page styles
+ * Main content area, article wrapper, and page footer
+ */
+import { GlobalVariables } from '../types';
+export declare class ContentStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(): string;
+}
+//# sourceMappingURL=content.d.ts.map

package/dist/styles/components/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/styles/components/content.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,qBAAa,qBAAqB;IACpB,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,eAAe;IAE/C,QAAQ,IAAI,MAAM;CAuLnB"}