mordoc 0.1.1

package/dist/styles/components/content.js

@@ -0,0 +1,198 @@
+"use strict";
+/**
+ * Content page styles
+ * Main content area, article wrapper, and page footer
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class ContentStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate() {
+        return `/* Content Page */
+.content-page {
+  width: 100%;
+}
+
+.content-wrapper {
+  display: flex;
+  gap: ${this.globalVars.spacing3xl};
+  width: 100%;
+}
+
+.content-article {
+  flex: 1;
+  min-width: 0;
+  max-width: 60rem;
+}
+
+.content-header {
+  margin-bottom: ${this.globalVars.spacingXl};
+  border-bottom: 1px solid ${this.globalVars.borderColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .content-header {
+    border-bottom-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.content-title {
+  margin-top: 0;
+  font-size: 2.5rem;
+  font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+  margin-bottom: 1rem;
+  color: ${this.globalVars.primaryColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .content-title {
+    color: ${this.globalVars.primaryColorDark};
+  }`)}
+
+.content-description {
+  font-size: 1rem;
+  line-height: 1.7;
+  font-weight: 400;
+  color: ${this.globalVars.textPrimaryLight};
+  margin-bottom: 1rem;
+  max-width: 42rem;
+}
+
+${(0, utils_1.darkMode)(`  .content-description {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+.content-meta {
+  display: flex;
+  font-size: 0.875rem;
+  color: ${this.globalVars.textSecondaryLight};
+  margin-bottom: 1rem;
+}
+
+${(0, utils_1.darkMode)(`  .content-meta {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.content-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${this.globalVars.spacingSm};
+}
+
+.content-tag {
+  padding: ${this.globalVars.spacingXs} ${this.globalVars.spacingSm};
+  background: ${this.globalVars.surfaceColorLight};
+  color: ${this.globalVars.textPrimaryLight};
+  border-radius: ${this.globalVars.borderRadiusSm};
+  font-size: ${this.globalVars.fontSizeSm};
+}
+
+${(0, utils_1.darkMode)(`  .content-tag {
+    background: ${this.globalVars.surfaceColorDark};
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+
+.content-body {
+  margin-bottom: ${this.globalVars.spacing2xl};
+}
+
+.content-toc {
+  width: 280px;
+  flex-shrink: 0;
+}
+
+.content-footer {
+  margin-top: ${this.globalVars.spacing3xl};
+  margin-bottom: ${this.globalVars.spacing2xl};
+  padding-top: ${this.globalVars.spacingXl};
+  border-top: 1px solid ${this.globalVars.borderColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .content-footer {
+    border-top-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.content-footer-info p {
+  text-align: center;
+  color: ${this.globalVars.textSecondaryLight};
+  font-size: ${this.globalVars.fontSizeSm};
+}
+
+${(0, utils_1.darkMode)(`  .content-footer-info p {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.content-footer-text {
+  margin: 0 0 ${this.globalVars.spacingSm} 0;
+}
+
+.content-footer-powered {
+  margin: 0;
+}
+
+.content-footer-powered a {
+  color: ${this.globalVars.linkColorLight};
+  text-decoration: none;
+}
+
+${(0, utils_1.darkMode)(`  .content-footer-powered a {
+    color: ${this.globalVars.linkColorDark};
+  }`)}
+
+.content-footer-powered a:hover {
+  text-decoration: underline;
+}
+
+${(0, utils_1.mediaQuery)('xl', `  .content-toc {
+    width: 240px;
+  }`)}
+
+${(0, utils_1.mediaQuery)('lg', `  .content-toc {
+    width: 220px;
+  }
+
+  .content-article {
+    max-width: 720px;
+  }`)}
+
+${(0, utils_1.mediaQuery)('lg', `  .content-wrapper {
+    gap: ${this.globalVars.spacing2xl};
+  }`)}
+
+${(0, utils_1.mediaQuery)('md', `  .content-wrapper {
+    flex-direction: column;
+    gap: ${this.globalVars.spacingXl};
+  }
+
+  .content-article {
+    max-width: 100%;
+  }
+
+  .content-toc {
+    width: 100%;
+    order: -1;
+  }
+
+  .content-title {
+    font-size: ${this.globalVars.fontSize3xl};
+  }`)}
+
+${(0, utils_1.mediaQuery)('sm', `  .content-toc {
+    display: none;
+  }
+
+  .content-title {
+    font-size: ${this.globalVars.fontSize2xl};
+  }
+
+  .content-meta {
+    flex-direction: column;
+    gap: ${this.globalVars.spacingSm};
+  }`)}`;
+    }
+}
+exports.ContentStyleGenerator = ContentStyleGenerator;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/styles/components/content.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAgD;AAEhD,MAAa,qBAAqB;IAChC,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ;QACN,OAAO;;;;;;;SAOF,IAAI,CAAC,UAAU,CAAC,UAAU;;;;;;;;;;;mBAWhB,IAAI,CAAC,UAAU,CAAC,SAAS;6BACf,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;EAG3D,IAAA,gBAAQ,EAAC;2BACgB,IAAI,CAAC,UAAU,CAAC,eAAe;IACtD,CAAC;;;;;;;;;WASM,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;EAG1C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,gBAAgB;IACzC,CAAC;;;;;;WAMM,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;EAKzC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;;;WAKM,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;;EAI3C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;;;SAKI,IAAI,CAAC,UAAU,CAAC,SAAS;;;;aAIrB,IAAI,CAAC,UAAU,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS;gBACnD,IAAI,CAAC,UAAU,CAAC,iBAAiB;WACtC,IAAI,CAAC,UAAU,CAAC,gBAAgB;mBACxB,IAAI,CAAC,UAAU,CAAC,cAAc;eAClC,IAAI,CAAC,UAAU,CAAC,UAAU;;;EAGvC,IAAA,gBAAQ,EAAC;kBACO,IAAI,CAAC,UAAU,CAAC,gBAAgB;aACrC,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;;mBAIc,IAAI,CAAC,UAAU,CAAC,UAAU;;;;;;;;;gBAS7B,IAAI,CAAC,UAAU,CAAC,UAAU;mBACvB,IAAI,CAAC,UAAU,CAAC,UAAU;iBAC5B,IAAI,CAAC,UAAU,CAAC,SAAS;0BAChB,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;EAGxD,IAAA,gBAAQ,EAAC;wBACa,IAAI,CAAC,UAAU,CAAC,eAAe;IACnD,CAAC;;;;WAIM,IAAI,CAAC,UAAU,CAAC,kBAAkB;eAC9B,IAAI,CAAC,UAAU,CAAC,UAAU;;;EAGvC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;gBAGW,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;WAQ9B,IAAI,CAAC,UAAU,CAAC,cAAc;;;;EAIvC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC,CAAC;;;;;;EAMH,IAAA,kBAAU,EAAC,IAAI,EAAE;;IAEf,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;;;;;;IAMf,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;WACR,IAAI,CAAC,UAAU,CAAC,UAAU;IACjC,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;;WAER,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;;;iBAanB,IAAI,CAAC,UAAU,CAAC,WAAW;IACxC,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;;;;;iBAKF,IAAI,CAAC,UAAU,CAAC,WAAW;;;;;WAKjC,IAAI,CAAC,UAAU,CAAC,SAAS;IAChC,CAAC,EAAE,CAAC;IACN,CAAC;CACF;AA1LD,sDA0LC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Font declarations
+ * @font-face rules for bundled fonts (Inter)
+ */
+import { GlobalVariables } from '../types';
+export declare class FontStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(): string;
+}
+//# sourceMappingURL=fonts.d.ts.map

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

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

package/dist/styles/components/fonts.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Font declarations
+ * @font-face rules for bundled fonts (Inter)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontStyleGenerator = void 0;
+class FontStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate() {
+        return `/* Font Declarations */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
+  font-named-instance: 'Regular';
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
+  font-named-instance: 'Italic';
+}`;
+    }
+}
+exports.FontStyleGenerator = FontStyleGenerator;
+//# sourceMappingURL=fonts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/styles/components/fonts.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAIH,MAAa,kBAAkB;IAC7B,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ;QACN,OAAO;;;;;;;;;;;;;;;;;EAiBT,CAAC;IACD,CAAC;CACF;AAvBD,gDAuBC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Header component styles
+ * Top navigation bar with logo, search, and optional top-level navigation
+ */
+import { GlobalVariables } from '../types';
+export declare class HeaderStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=header.d.ts.map

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

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

package/dist/styles/components/header.js

@@ -0,0 +1,293 @@
+"use strict";
+/**
+ * Header component styles
+ * Top navigation bar with logo, search, and optional top-level navigation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class HeaderStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate(userOverrides) {
+        const defaults = {
+            searchHoverBorderColorLight: this.globalVars.primaryColorLight,
+            searchHoverBorderColorDark: this.globalVars.primaryColorDark,
+        };
+        const vars = (0, utils_1.mergeOverrides)(defaults, userOverrides, ['searchHoverBorderColorLight', 'searchHoverBorderColorDark']);
+        return `/* Header */
+.site-header {
+  background-color: ${this.globalVars.backgroundColorLight};
+  border-bottom: 1px solid ${this.globalVars.borderColorLight};
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  flex-shrink: 0;
+}
+
+${(0, utils_1.darkMode)(`  .site-header {
+    background-color: ${this.globalVars.backgroundColorDark};
+    border-bottom-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.site-header.has-nav {
+  height: 144px;
+}
+
+.site-header.no-nav {
+  height: 80px;
+}
+
+.header-top {
+  height: 80px;
+}
+
+.site-header.has-nav .header-top {
+  border-bottom: 1px solid ${this.globalVars.borderColorLight};
+}
+
+.header-bottom {
+  height: 64px;
+}
+
+.header-container {
+  max-width: 100%;
+  margin: 0 auto;
+  height: 100%;
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  padding: 0 ${this.globalVars.spacingXl} 0 ${this.globalVars.spacingMd};
+}
+
+.mobile-menu-button {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  color: ${this.globalVars.textPrimaryLight};
+  cursor: pointer;
+  border-radius: ${this.globalVars.borderRadiusMd};
+  transition: background-color 0.2s ease;
+  flex-shrink: 0;
+}
+
+${(0, utils_1.darkMode)(`  .mobile-menu-button {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+.mobile-menu-button:hover {
+  background: ${this.globalVars.surfaceColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .mobile-menu-button:hover {
+    background: ${this.globalVars.surfaceColorDark};
+  }`)}
+
+.header-brand {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.header-logo-link {
+  text-decoration: none;
+  color: ${this.globalVars.textPrimaryLight};
+  font-weight: ${this.globalVars.fontWeightSemibold};
+  font-size: ${this.globalVars.fontSizeLg};
+}
+
+.header-logo {
+  height: 2.5rem;
+  max-width: 250px;
+  object-fit: contain;
+}
+
+.header-logo-light {
+  display: block;
+}
+
+.header-logo-dark {
+  display: none;
+}
+
+${(0, utils_1.darkMode)(`  .header-logo-light {
+    display: none;
+  }
+  
+  .header-logo-dark {
+    display: block;
+  }`)}
+
+.header-search {
+  display: flex;
+  justify-content: center;
+  height: 2.2rem;
+  padding: 0 ${this.globalVars.spacingLg};
+}
+
+.header-search-button {
+  display: flex;
+  align-items: center;      
+  gap: ${this.globalVars.spacingSm};
+  padding: ${this.globalVars.spacingSm} ${this.globalVars.spacingMd};
+  background: ${this.globalVars.surfaceColorLight};
+  border: 1px solid ${this.globalVars.borderColorLight};
+  border-radius: ${this.globalVars.borderRadiusLg};
+  color: ${this.globalVars.textSecondaryLight};
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-width: 300px;
+}
+
+${(0, utils_1.darkMode)(`  .header-search-button {
+    background: ${this.globalVars.surfaceColorDark};
+    border-color: ${this.globalVars.borderColorDark};
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.header-search-button:hover {
+  border-color: ${vars.searchHoverBorderColorLight};
+  background: ${this.globalVars.backgroundColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .header-search-button:hover {
+    border-color: ${vars.searchHoverBorderColorDark};
+    background: ${this.globalVars.backgroundColorDark};
+  }`)}
+
+.search-icon {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  color: ${this.globalVars.textSecondaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .search-icon {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-text {
+  flex: 1;
+  text-align: left;
+}
+
+.search-shortcut {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-bottom: 1px;
+  background: ${this.globalVars.surfaceColorLight};
+  font-size: ${this.globalVars.fontSizeSm};
+  font-family: ${this.globalVars.fontFamilyBase};
+  color: ${this.globalVars.textSecondaryLight};
+  font-weight: ${this.globalVars.fontWeightMedium};
+}
+
+${(0, utils_1.darkMode)(`  .search-shortcut {
+    background: ${this.globalVars.surfaceColorDark};
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: ${this.globalVars.spacingSm};
+  justify-content: flex-end;
+}
+
+.header-nav {
+  width: 100%;
+}
+
+.header-nav-list {
+  display: flex;
+  list-style: none;
+  gap: ${this.globalVars.spacingLg};
+  margin: 0;
+  padding: 0;
+}
+
+.header-nav-item {
+  margin: 0;
+}
+
+.header-nav-link {
+  text-decoration: none;
+  color: ${this.globalVars.navTextColorLight};
+  padding: ${this.globalVars.spacingSm} 0;
+  transition: color 0.2s ease;
+  font-size: ${this.globalVars.fontSizeSm};
+  font-weight: ${this.globalVars.fontWeightMedium};
+}
+
+.header-nav-link:hover {
+  color: ${this.globalVars.navHoverColorLight};
+}
+
+.header-nav-link.active {
+  color: ${this.globalVars.navActiveColorLight};
+  border-bottom: 2px solid ${this.globalVars.primaryColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .header-nav-link {
+    color: ${this.globalVars.navTextColorDark};
+  }
+
+  .header-nav-link:hover {
+    color: ${this.globalVars.navHoverColorDark};
+  }
+
+  .header-nav-link.active {
+    color: ${this.globalVars.navActiveColorDark};
+  }`)}
+
+${(0, utils_1.mediaQuery)('md', `  .header-search {
+    padding: 0 ${this.globalVars.spacingSm};
+  }
+
+  .header-search-button {
+    min-width: 200px;
+  }
+
+  .header-container {
+    padding: 0 ${this.globalVars.spacingMd};
+  }
+
+  .search-text {
+    display: none;
+  }
+
+  .search-shortcut {
+    display: none;
+  }`)}
+
+${(0, utils_1.mediaQuery)('sm', `  .mobile-menu-button {
+    display: flex;
+  }
+
+  .header-container {
+    padding: 0 ${this.globalVars.spacingSm};
+  }
+
+  .header-brand {
+    flex: 1;
+    justify-content: center;
+  }
+
+  .header-search {
+    display: none;
+  }
+
+  .header-actions {
+    min-width: auto;
+  }`)}`;
+    }
+}
+exports.HeaderStyleGenerator = HeaderStyleGenerator;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/styles/components/header.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAgE;AAOhE,MAAa,oBAAoB;IAC/B,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ,CAAC,aAAsC;QAC7C,MAAM,QAAQ,GAAoB;YAChC,2BAA2B,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB;YAC9D,0BAA0B,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB;SAC7D,CAAC;QAEF,MAAM,IAAI,GAAG,IAAA,sBAAc,EACzB,QAAQ,EACR,aAAa,EACb,CAAC,6BAA6B,EAAE,4BAA4B,CAAC,CAC9D,CAAC;QAEF,OAAO;;sBAEW,IAAI,CAAC,UAAU,CAAC,oBAAoB;6BAC7B,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;EAO3D,IAAA,gBAAQ,EAAC;wBACa,IAAI,CAAC,UAAU,CAAC,mBAAmB;2BAChC,IAAI,CAAC,UAAU,CAAC,eAAe;IACtD,CAAC;;;;;;;;;;;;;;;6BAewB,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;;;;;;;;eAc9C,IAAI,CAAC,UAAU,CAAC,SAAS,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;;WAY5D,IAAI,CAAC,UAAU,CAAC,gBAAgB;;mBAExB,IAAI,CAAC,UAAU,CAAC,cAAc;;;;;EAK/C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;gBAGW,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;EAG/C,IAAA,gBAAQ,EAAC;kBACO,IAAI,CAAC,UAAU,CAAC,gBAAgB;IAC9C,CAAC;;;;;;;;;;WAUM,IAAI,CAAC,UAAU,CAAC,gBAAgB;iBAC1B,IAAI,CAAC,UAAU,CAAC,kBAAkB;eACpC,IAAI,CAAC,UAAU,CAAC,UAAU;;;;;;;;;;;;;;;;;EAiBvC,IAAA,gBAAQ,EAAC;;;;;;IAMP,CAAC;;;;;;eAMU,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;SAM/B,IAAI,CAAC,UAAU,CAAC,SAAS;aACrB,IAAI,CAAC,UAAU,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS;gBACnD,IAAI,CAAC,UAAU,CAAC,iBAAiB;sBAC3B,IAAI,CAAC,UAAU,CAAC,gBAAgB;mBACnC,IAAI,CAAC,UAAU,CAAC,cAAc;WACtC,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;;;;EAM3C,IAAA,gBAAQ,EAAC;kBACO,IAAI,CAAC,UAAU,CAAC,gBAAgB;oBAC9B,IAAI,CAAC,UAAU,CAAC,eAAe;aACtC,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;kBAGa,IAAI,CAAC,2BAA2B;gBAClC,IAAI,CAAC,UAAU,CAAC,oBAAoB;;;EAGlD,IAAA,gBAAQ,EAAC;oBACS,IAAI,CAAC,0BAA0B;kBACjC,IAAI,CAAC,UAAU,CAAC,mBAAmB;IACjD,CAAC;;;;;;WAMM,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;EAG3C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;;;;;;;;;gBAWW,IAAI,CAAC,UAAU,CAAC,iBAAiB;eAClC,IAAI,CAAC,UAAU,CAAC,UAAU;iBACxB,IAAI,CAAC,UAAU,CAAC,cAAc;WACpC,IAAI,CAAC,UAAU,CAAC,kBAAkB;iBAC5B,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;EAG/C,IAAA,gBAAQ,EAAC;kBACO,IAAI,CAAC,UAAU,CAAC,gBAAgB;aACrC,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;;;;SAMI,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;SAWzB,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;WAWvB,IAAI,CAAC,UAAU,CAAC,iBAAiB;aAC/B,IAAI,CAAC,UAAU,CAAC,SAAS;;eAEvB,IAAI,CAAC,UAAU,CAAC,UAAU;iBACxB,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;WAItC,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;;WAIlC,IAAI,CAAC,UAAU,CAAC,mBAAmB;6BACjB,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;EAG5D,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;aAIhC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;aAIjC,IAAI,CAAC,UAAU,CAAC,kBAAkB;IAC3C,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;iBACF,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;iBAQzB,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;IAStC,CAAC;;EAEH,IAAA,kBAAU,EAAC,IAAI,EAAE;;;;;iBAKF,IAAI,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;;;;IActC,CAAC,EAAE,CAAC;IACN,CAAC;CACF;AA/RD,oDA+RC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Heading with anchor link styles
+ * Headings with copyable anchor links for deep linking
+ */
+import { GlobalVariables } from '../types';
+export declare class HeadingStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=heading.d.ts.map

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

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

package/dist/styles/components/heading.js

@@ -0,0 +1,115 @@
+"use strict";
+/**
+ * Heading with anchor link styles
+ * Headings with copyable anchor links for deep linking
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class HeadingStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate(userOverrides) {
+        const defaults = {
+            anchorLinkColor: this.globalVars.textSecondaryLight,
+            anchorLinkColorDark: this.globalVars.textSecondaryDark,
+        };
+        const vars = (0, utils_1.mergeOverrides)(defaults, userOverrides, ['anchorLinkColor', 'anchorLinkColorDark']);
+        return `/* Heading with Anchor Link */
+.heading-with-anchor {
+  position: relative;
+  scroll-margin-top: calc(${this.globalVars.headerHeight} + ${this.globalVars.spacingMd});
+}
+
+.heading-anchor-link {
+  position: absolute;
+  left: -1.5rem;
+  opacity: 0;
+  padding: 0.25rem;
+  background: transparent;
+  border: none;
+  color: ${vars.anchorLinkColor};
+  cursor: pointer;
+  transition: opacity 0.2s ease, background-color 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: ${this.globalVars.borderRadiusSm};
+}
+
+${(0, utils_1.darkMode)(`  .heading-anchor-link {
+    color: ${vars.anchorLinkColorDark};
+  }`)}
+
+.heading-anchor-link:hover {
+  opacity: 1;
+  background-color: ${this.globalVars.surfaceColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .heading-anchor-link:hover {
+    background-color: ${this.globalVars.surfaceColorDark};
+  }`)}
+
+.heading-with-anchor:hover .heading-anchor-link {
+  opacity: 0.7;
+}
+
+.heading-with-anchor:hover .heading-anchor-link:hover {
+  opacity: 1;
+}
+
+.heading-anchor-link:focus-visible {
+  opacity: 1;
+  outline: 2px solid ${vars.anchorLinkColor};
+  outline-offset: 2px;
+}
+
+${(0, utils_1.darkMode)(`  .heading-anchor-link:focus-visible {
+    outline-color: ${vars.anchorLinkColorDark};
+  }`)}
+
+.heading-copied-tooltip {
+  position: absolute;
+  left: 50%;
+  top: 100%;
+  transform: translateX(-50%);
+  margin-top: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  background-color: ${this.globalVars.textSecondaryLight};
+  color: ${this.globalVars.backgroundColorLight};
+  font-size: ${this.globalVars.fontSizeSm};
+  border-radius: ${this.globalVars.borderRadiusMd};
+  white-space: nowrap;
+  pointer-events: none;
+  font-family: ${this.globalVars.fontFamilyBase};
+  font-weight: ${this.globalVars.fontWeightNormal};
+}
+
+${(0, utils_1.darkMode)(`  .heading-copied-tooltip {
+    background-color: ${this.globalVars.textSecondaryDark};
+    color: ${this.globalVars.backgroundColorDark};
+  }`)}
+
+
+@media (hover: none) and (pointer: coarse) {
+  .heading-anchor-link {
+    opacity: 0.6;
+  }
+  
+  .heading-with-anchor:active .heading-anchor-link {
+    opacity: 1;
+  }
+}
+
+${(0, utils_1.mediaQuery)('md', `  .heading-anchor-link {
+    position: relative;
+    left: auto;
+    margin-left: 0.5rem;
+    display: inline-flex;
+    vertical-align: middle;
+  }`)}`;
+    }
+}
+exports.HeadingStyleGenerator = HeadingStyleGenerator;
+//# sourceMappingURL=heading.js.map