fuzor 0.3.0 → 0.5.0

package/dist/compiler/docs.js

@@ -0,0 +1,1131 @@
+import path from "node:path";
+export function isDocsDir(relativeDir) {
+    if (relativeDir === "docs")
+        return true;
+    return relativeDir.startsWith(`docs${path.sep}`) || relativeDir.startsWith("docs/");
+}
+export function officialDocsLayout(options = {}) {
+    const searchHtml = options.searchModule
+        ? `<div class="docs-search-box"><a class="docs-search-fallback" href="/docs/">Search documentation</a><script type="module" src="${options.searchModule}"></script></div>`
+        : `<div class="docs-search-box">
+  <fuzor-dialog id="docs-search-dialog" data-fuzor-ui="dialog">
+    <button type="button" data-part="trigger" class="docs-search-fallback" aria-label="Search documentation (Press Cmd+K to open)">
+      <span>Search documentation...</span>
+      <kbd class="docs-search-kbd">⌘K</kbd>
+    </button>
+    <fuzor-dialog-portal data-part="portal" hidden>
+      <fuzor-dialog-overlay data-part="backdrop" class="docs-search-overlay" hidden></fuzor-dialog-overlay>
+      <fuzor-dialog-content data-part="content" class="docs-search-modal" role="dialog" aria-label="Search documentation" aria-modal="true" hidden>
+        <div class="docs-search-header">
+          <input aria-label="Search documentation" type="search" class="docs-search-input" placeholder="Search documentation..." autocomplete="off" />
+          <button type="button" data-part="close-trigger" class="docs-search-close" aria-label="Close search">Esc</button>
+        </div>
+        <div class="docs-search-results" aria-live="polite" aria-label="Search results">
+          <div class="docs-search-empty">Type a query or navigate docs links...</div>
+        </div>
+        <div class="docs-search-footer">
+          <span>Navigate with <kbd>↑</kbd> <kbd>↓</kbd></span>
+          <span>Close with <kbd>Esc</kbd></span>
+        </div>
+      </fuzor-dialog-content>
+    </fuzor-dialog-portal>
+  </fuzor-dialog>
+  <noscript>
+    <style>.docs-search-box fuzor-dialog { display: none; }</style>
+    <a class="docs-search-fallback" href="/docs/">Browse all documentation</a>
+  </noscript>
+</div>`;
+    return `<style data-fuzor-docs>
+fuzor-flex { display: flex; gap: 8px; align-items: center; }
+fuzor-flex[justify="between"] { justify-content: space-between; }
+fuzor-grid {
+  display: grid;
+}
+fuzor-sidebar,
+fuzor-box,
+fuzor-prose {
+  display: block;
+}
+fuzor-breadcrumbs {
+  display: flex;
+}
+fuzor-breadcrumb-item {
+  display: inline-flex;
+  align-items: center;
+}
+.docs-shell {
+  width: min(100% - 48px, 1440px);
+  margin-inline: auto;
+  display: grid;
+  grid-template-columns: 250px minmax(0, 1fr) 200px;
+  gap: 48px;
+  align-items: start;
+  min-height: calc(100vh - 120px);
+  padding: 32px 0 64px;
+}
+.docs-sidebar {
+  position: sticky;
+  top: 24px;
+  max-height: calc(100vh - 48px);
+  overflow-y: auto;
+  padding: 4px 18px 24px 6px;
+  margin: -4px 0 0 -6px;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+  scrollbar-width: thin;
+}
+.sidebar-heading {
+  flex-wrap: wrap;
+  gap: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: 'DM Mono', monospace;
+  font-size: 11px;
+  letter-spacing: 0.12em;
+  color: #94a3b8;
+  font-weight: 600;
+  margin-bottom: 20px;
+}
+fuzor-badge.sidebar-badge,
+.sidebar-badge {
+  display: inline-flex;
+  align-items: center;
+  font-family: 'DM Mono', monospace;
+  font-size: 9px;
+  font-weight: 600;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(189, 245, 121, 0.12);
+  color: #bdf579;
+  letter-spacing: 0.05em;
+  border: 1px solid rgba(189, 245, 121, 0.2);
+}
+.sidebar-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.sidebar-icon-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #94a3b8;
+  padding: 4px;
+  border-radius: 4px;
+  text-decoration: none;
+  transition: color 0.15s, background 0.15s;
+}
+.sidebar-icon-link:hover {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.08);
+}
+.sidebar-icon-link:focus-visible {
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+}
+.theme-toggle-btn {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+[data-theme="light"] {
+  color-scheme: light;
+}
+[data-theme="light"] body {
+  background: #f8fafc;
+  color: #1e293b;
+}
+[data-theme="light"] .docs-sidebar {
+  border-right-color: rgba(0, 0, 0, 0.08);
+}
+[data-theme="light"] .docs-aside {
+  border-left-color: rgba(0, 0, 0, 0.08);
+}
+[data-theme="light"] .docs-footer,
+[data-theme="light"] .aside-footer {
+  border-top-color: rgba(0, 0, 0, 0.08);
+}
+[data-theme="light"] .sidebar-separator {
+  background: rgba(0, 0, 0, 0.08);
+}
+[data-theme="light"] .docs-category-list {
+  background: rgba(0, 0, 0, 0.04);
+  border-color: rgba(0, 0, 0, 0.08);
+}
+[data-theme="light"] .docs-category-tab {
+  color: #64748b;
+}
+[data-theme="light"] .docs-category-tab:hover {
+  color: #0f172a;
+  background: rgba(0, 0, 0, 0.04);
+}
+[data-theme="light"] .docs-category-tab[data-state="active"] {
+  background: #10b981;
+  color: #ffffff;
+}
+[data-theme="light"] .docs-sidebar nav a {
+  color: #475569;
+}
+[data-theme="light"] .docs-sidebar nav a:hover {
+  color: #0f172a;
+  background: rgba(0, 0, 0, 0.04);
+}
+[data-theme="light"] .docs-sidebar nav a[aria-current="page"] {
+  color: #059669;
+  background: rgba(16, 185, 129, 0.1);
+}
+[data-theme="light"] .docs-article {
+  color: #334155;
+}
+[data-theme="light"] .docs-article h1,
+[data-theme="light"] .docs-article h2,
+[data-theme="light"] .docs-article h3,
+[data-theme="light"] .docs-article h4 {
+  color: #0f172a;
+}
+[data-theme="light"] .docs-article a {
+  color: #059669;
+}
+[data-theme="light"] .docs-search-fallback {
+  background: rgba(0, 0, 0, 0.02);
+  border-color: rgba(0, 0, 0, 0.1);
+  color: #64748b;
+}
+[data-theme="light"] .docs-search-fallback:hover {
+  border-color: #10b981;
+  color: #0f172a;
+}
+[data-theme="light"] .docs-search-kbd {
+  background: rgba(0, 0, 0, 0.06);
+  border-color: rgba(0, 0, 0, 0.1);
+  color: #64748b;
+}
+[data-theme="light"] .docs-search-modal {
+  background: #ffffff;
+  border-color: rgba(0, 0, 0, 0.12);
+  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
+}
+[data-theme="light"] .docs-search-input {
+  color: #0f172a;
+}
+[data-theme="light"] .docs-search-result-item .result-title {
+  color: #0f172a;
+}
+[data-theme="light"] .docs-search-result-item:hover,
+[data-theme="light"] .docs-search-result-item:focus-visible {
+  background: rgba(16, 185, 129, 0.08);
+}
+.docs-category-tabs {
+  margin: 16px 0 12px;
+}
+.docs-category-list {
+  display: flex;
+  gap: 4px;
+  background: rgba(255, 255, 255, 0.04);
+  padding: 3px;
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+.docs-category-tab {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #94a3b8;
+  border-radius: 6px;
+  background: transparent;
+  border: none;
+  font-family: inherit;
+  transition: color 0.15s, background 0.15s;
+  text-decoration: none;
+}
+.docs-category-tab:hover {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.05);
+}
+.docs-category-tab:focus-visible {
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+}
+.docs-category-tab[data-state="active"] {
+  color: #0b1020;
+  font-weight: 600;
+  background: #bdf579;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-bottom: none;
+}
+.docs-category-content {
+  padding-top: 4px;
+}
+.docs-category-content[hidden],
+.docs-category-content[data-state="inactive"] {
+  display: none !important;
+}
+fuzor-separator.sidebar-separator,
+.sidebar-separator {
+  display: block;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.08);
+  margin: 24px 0 16px;
+  border: none;
+}
+.docs-search-box {
+  margin: 16px 0 20px;
+}
+.docs-search-fallback {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  font-size: 13px;
+  color: #8da0b3;
+  padding: 8px 12px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+}
+.docs-search-fallback:hover {
+  border-color: #bdf579;
+  color: #f1f5f9;
+}
+.docs-search-fallback:focus-visible {
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+  border-color: #bdf579;
+  color: #f1f5f9;
+}
+.docs-search-kbd {
+  font-family: 'DM Mono', monospace;
+  font-size: 10px;
+  padding: 2px 5px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #94a3b8;
+}
+fuzor-dialog:not([open]) fuzor-dialog-portal,
+fuzor-dialog:not([open]) fuzor-dialog-overlay,
+fuzor-dialog:not([open]) fuzor-dialog-content,
+fuzor-dialog-portal[hidden],
+fuzor-dialog-overlay[hidden],
+fuzor-dialog-content[hidden],
+fuzor-dialog-portal:not([data-state="open"]),
+fuzor-dialog-overlay:not([data-state="open"]),
+fuzor-dialog-content:not([data-state="open"]),
+fuzor-dialog-portal[data-state="closed"],
+fuzor-dialog-overlay[data-state="closed"],
+fuzor-dialog-content[data-state="closed"] {
+  display: none !important;
+}
+fuzor-dialog-overlay.docs-search-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 999;
+  background: rgba(5, 10, 20, 0.75);
+  backdrop-filter: blur(6px);
+}
+fuzor-dialog-content.docs-search-modal {
+  position: fixed;
+  left: 50%;
+  top: 18%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  width: min(92vw, 560px);
+  background: #0c1322;
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  border-radius: 12px;
+  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.8), 0 0 30px rgba(189, 245, 121, 0.08);
+  overflow: hidden;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+.docs-search-header {
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  padding: 12px 16px;
+  gap: 12px;
+}
+.docs-search-input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  outline: none;
+  color: #f8fafc;
+  font-size: 14px;
+  font-family: inherit;
+}
+.docs-search-close {
+  cursor: pointer;
+  font-family: 'DM Mono', monospace;
+  font-size: 11px;
+  padding: 3px 7px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.06);
+  color: #94a3b8;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  transition: color 0.15s, border-color 0.15s;
+}
+.docs-search-close:hover {
+  color: #f8fafc;
+  border-color: #bdf579;
+}
+.docs-search-results {
+  max-height: 320px;
+  overflow-y: auto;
+  padding: 8px;
+}
+.docs-search-empty {
+  padding: 28px 16px;
+  text-align: center;
+  color: #64748b;
+  font-size: 13px;
+}
+.docs-search-result-item {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  text-decoration: none;
+  color: #cbd5e1;
+  transition: background 0.15s, color 0.15s;
+}
+.docs-search-result-item:hover,
+.docs-search-result-item:focus-visible {
+  background: rgba(189, 245, 121, 0.08);
+  color: #f8fafc;
+}
+.docs-search-result-item .result-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: #f1f5f9;
+}
+.docs-search-result-item .result-snippet {
+  font-size: 11px;
+  color: #94a3b8;
+  line-height: 1.4;
+}
+.docs-search-result-item .result-path {
+  font-size: 11px;
+  color: #64748b;
+  font-family: 'DM Mono', monospace;
+}
+.docs-search-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  font-size: 11px;
+  color: #64748b;
+  font-family: 'DM Mono', monospace;
+  background: rgba(0, 0, 0, 0.2);
+}
+.docs-search-footer kbd {
+  font-family: inherit;
+  padding: 1px 4px;
+  border-radius: 3px;
+  background: rgba(255, 255, 255, 0.08);
+  color: #94a3b8;
+}
+fuzor-tabs {
+  display: block;
+  margin: 24px 0;
+}
+fuzor-tabs-list {
+  display: flex;
+  gap: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  padding-bottom: 2px;
+}
+fuzor-tabs-trigger {
+  cursor: pointer;
+  padding: 6px 14px;
+  font-size: 12px;
+  color: #94a3b8;
+  border-radius: 6px 6px 0 0;
+  background: transparent;
+  border: none;
+  font-family: 'DM Mono', monospace;
+  transition: color 0.15s, background 0.15s;
+}
+fuzor-tabs-trigger[data-state="active"] {
+  color: #bdf579;
+  font-weight: 600;
+  border-bottom: 2px solid #bdf579;
+  background: rgba(189, 245, 121, 0.06);
+}
+fuzor-tabs-content {
+  padding-top: 12px;
+}
+fuzor-tabs-content[hidden],
+fuzor-tabs-content[data-state="inactive"] {
+  display: none !important;
+}
+fuzor-accordion {
+  display: block;
+  margin: 24px 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  overflow: hidden;
+}
+fuzor-accordion-item {
+  display: block;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+fuzor-accordion-item:last-child {
+  border-bottom: none;
+}
+fuzor-accordion-trigger {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 14px 18px;
+  background: transparent;
+  border: none;
+  color: #f1f5f9;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.15s;
+}
+fuzor-accordion-trigger:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+fuzor-accordion-trigger::after {
+  content: "↓";
+  font-family: 'DM Mono', monospace;
+  font-size: 12px;
+  color: #64748b;
+  transition: transform 0.2s;
+}
+fuzor-accordion-trigger[data-state="open"]::after {
+  transform: rotate(180deg);
+  color: #bdf579;
+}
+fuzor-accordion-content {
+  display: block;
+  padding: 0 18px 16px;
+  color: #94a3b8;
+  font-size: 13px;
+  line-height: 1.6;
+}
+fuzor-accordion-content[hidden],
+fuzor-accordion-content[data-state="closed"] {
+  display: none !important;
+}
+fuzor-card {
+  display: block;
+  margin: 24px 0;
+  padding: 20px 24px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.02);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+fuzor-card.callout-tip {
+  border-left: 3px solid #bdf579;
+  background: rgba(189, 245, 121, 0.04);
+}
+fuzor-card.callout-info {
+  border-left: 3px solid #38bdf8;
+  background: rgba(56, 189, 248, 0.04);
+}
+fuzor-card-title {
+  display: block;
+  font-size: 15px;
+  font-weight: 600;
+  color: #f8fafc;
+  margin-bottom: 6px;
+}
+fuzor-card-description {
+  display: block;
+  font-size: 13px;
+  color: #94a3b8;
+  line-height: 1.6;
+}
+fuzor-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+  padding: 8px 16px;
+}
+fuzor-button[data-variant="primary"] {
+  background: #bdf579;
+  color: #0d1527;
+  border: 1px solid #bdf579;
+}
+fuzor-button[data-variant="primary"]:hover {
+  background: #d4f99d;
+}
+fuzor-button[data-variant="outline"] {
+  background: transparent;
+  color: #f1f5f9;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+}
+fuzor-button[data-variant="outline"]:hover {
+  border-color: #bdf579;
+  color: #bdf579;
+}
+.docs-sidebar nav {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 20px;
+}
+.docs-sidebar [data-fuzor-nav-group] {
+  color: #64748b;
+  font-family: 'DM Mono', monospace;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  margin: 20px 0 8px;
+  padding-left: 10px;
+}
+.docs-sidebar nav ul {
+  display: contents;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.docs-sidebar nav li {
+  display: contents;
+}
+.docs-sidebar nav a {
+  display: block;
+  color: #94a3b8;
+  font-size: 13px;
+  padding: 7px 10px;
+  border-radius: 6px;
+  text-decoration: none;
+  transition: color 0.15s, background 0.15s;
+}
+.docs-sidebar nav a:hover {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.05);
+}
+.docs-sidebar nav a:focus-visible {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.05);
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+}
+.docs-sidebar nav a[aria-current="page"] {
+  color: #bdf579;
+  background: rgba(189, 245, 121, 0.1);
+  font-weight: 500;
+}
+.docs-sidebar nav a[aria-current="page"]:focus-visible {
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+  background: rgba(189, 245, 121, 0.15);
+}
+.sidebar-note {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #64748b;
+  font-size: 11px;
+  font-family: 'DM Mono', monospace;
+}
+.note-dot {
+  width: 6px;
+  height: 6px;
+  background: #bdf579;
+  border-radius: 50%;
+  box-shadow: 0 0 8px rgba(189, 245, 121, 0.5);
+}
+.docs-main {
+  display: block;
+  min-width: 0;
+}
+.docs-menu {
+  display: none;
+}
+.docs-topbar {
+  display: block;
+  margin-bottom: 24px;
+}
+.docs-breadcrumbs {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-family: 'DM Mono', monospace;
+  color: #64748b;
+}
+.docs-breadcrumbs a {
+  color: #94a3b8;
+  text-decoration: none;
+}
+.docs-breadcrumbs a:hover {
+  color: #bdf579;
+}
+.docs-breadcrumbs a:focus-visible {
+  color: #bdf579;
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.docs-article {
+  display: block;
+  min-width: 0;
+  padding: 0;
+  color: #cbd5e1;
+  font-size: 15px;
+  line-height: 1.75;
+  overflow-wrap: anywhere;
+}
+.docs-article pre,
+.docs-article table {
+  max-width: 100%;
+  overflow-x: auto;
+}
+.docs-article table {
+  display: block;
+}
+.docs-article img,
+.docs-article video {
+  max-width: 100%;
+  height: auto;
+}
+.docs-article > :first-child {
+  margin-top: 0;
+}
+.docs-article h1,
+.docs-article h2,
+.docs-article h3,
+.docs-article h4 {
+  color: #f8fafc;
+  letter-spacing: -0.03em;
+  line-height: 1.25;
+  font-weight: 600;
+}
+.docs-article h1 {
+  font-size: clamp(32px, 3.5vw, 46px);
+  margin: 0 0 24px;
+}
+.docs-article h2 {
+  font-size: 24px;
+  margin: 44px 0 16px;
+  padding-top: 20px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+.docs-article h3 {
+  font-size: 18px;
+  margin: 28px 0 12px;
+}
+.docs-article p {
+  margin: 16px 0;
+}
+.docs-article a {
+  color: #bdf579;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.docs-article a:hover {
+  color: #d9f99d;
+}
+.docs-article strong {
+  color: #f1f5f9;
+}
+.docs-article ul,
+.docs-article ol {
+  padding-left: 24px;
+  margin: 16px 0;
+}
+.docs-article li {
+  margin: 6px 0;
+}
+.docs-article li::marker {
+  color: #bdf579;
+}
+.docs-article blockquote {
+  margin: 24px 0;
+  padding: 12px 20px;
+  border-left: 3px solid #bdf579;
+  background: rgba(189, 245, 121, 0.05);
+  border-radius: 0 6px 6px 0;
+  color: #cbd5e1;
+}
+.docs-article blockquote p {
+  margin: 6px 0;
+}
+.docs-article pre {
+  overflow-x: auto;
+  background: #0d1527;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  padding: 16px 20px;
+  font-family: 'DM Mono', monospace;
+  font-size: 12px;
+  line-height: 1.7;
+  color: #dcebbd;
+  margin: 20px 0;
+}
+.docs-article pre.shiki {
+  background: #0d1527 !important;
+}
+.docs-article pre.shiki code {
+  font: inherit;
+}
+.docs-article :not(pre) > code {
+  font-family: 'DM Mono', monospace;
+  font-size: 12px;
+  color: #d6f5af;
+  background: rgba(189, 245, 121, 0.1);
+  padding: 2px 5px;
+  border-radius: 4px;
+}
+.docs-article table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 24px 0;
+  font-size: 13px;
+  display: block;
+  overflow-x: auto;
+}
+.docs-article th,
+.docs-article td {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  text-align: left;
+  padding: 10px 14px;
+  white-space: nowrap;
+}
+.docs-article th {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.03);
+}
+.docs-article hr {
+  border: 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  margin: 36px 0;
+}
+.docs-footer {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  margin-top: 64px;
+  padding-top: 24px;
+}
+.docs-footer-inner {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  color: #64748b;
+  font-family: 'DM Mono', monospace;
+}
+.docs-back-to-top {
+  color: #94a3b8;
+  text-decoration: none;
+}
+.docs-back-to-top:hover {
+  color: #bdf579;
+}
+.docs-back-to-top:focus-visible {
+  color: #bdf579;
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.docs-aside {
+  position: sticky;
+  top: 24px;
+  max-height: calc(100vh - 48px);
+  overflow-y: auto;
+  padding: 4px 6px 24px 18px;
+  margin: -4px -6px 0 0;
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+  font-size: 12px;
+  scrollbar-width: thin;
+}
+.aside-heading {
+  font-family: 'DM Mono', monospace;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: #94a3b8;
+  margin-bottom: 16px;
+}
+.docs-aside nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.docs-aside nav a {
+  color: #64748b;
+  text-decoration: none;
+  line-height: 1.4;
+  display: block;
+  border-radius: 4px;
+  transition: color 0.15s;
+}
+.docs-aside nav a:hover {
+  color: #bdf579;
+}
+.docs-aside nav a:focus-visible {
+  color: #bdf579;
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+}
+.aside-footer {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  margin-top: 24px;
+  padding-top: 16px;
+}
+.aside-footer a {
+  color: #64748b;
+  font-size: 11px;
+  font-family: 'DM Mono', monospace;
+  text-decoration: none;
+}
+.aside-footer a:hover {
+  color: #bdf579;
+}
+.aside-footer a:focus-visible {
+  color: #bdf579;
+  outline: 2px solid #bdf579;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+
+.ui-demo { padding: 20px; margin: 20px 0; border: 1px solid #475569; border-radius: 8px; }
+.ui-demo button { font: inherit; color: inherit; cursor: pointer; border: 1px solid #64748b; border-radius: 6px; background: transparent; padding: 8px 12px; }
+.ui-demo [data-part="list"], .ui-demo fuzor-toolbar { display: flex; gap: 8px; }
+.ui-demo [data-part="trigger"][aria-selected="true"] { background: #bdf579; color: #0c1322; }
+.ui-demo [data-part="content"] { padding: 12px; }
+.ui-demo :is(fuzor-menu, fuzor-select) { display: inline-block; }
+.ui-demo :is(fuzor-menu-content, fuzor-select-content, fuzor-popover-content, fuzor-tooltip-content) { background: #0c1322; border: 1px solid #475569; border-radius: 8px; color: #f8fafc; }
+.ui-demo :is(fuzor-select-item, fuzor-menu-item) { display: block; padding: 8px; cursor: pointer; }
+.ui-demo [data-highlighted], .ui-demo [data-part="item"]:focus { background: #334155; }
+.ui-demo fuzor-accordion { margin: 0; }
+.ui-demo fuzor-switch label { display: flex; align-items: center; gap: 12px; cursor: pointer; }
+.ui-demo :is(fuzor-popover, fuzor-tooltip) [data-part="positioner"] { z-index: 1100; }
+fuzor-dialog-content:not(.docs-search-modal) { background: #0c1322; color: #f8fafc; border: 1px solid #475569; border-radius: 12px; padding: 24px; }
+fuzor-dialog-content:not(.docs-search-modal) button { font: inherit; cursor: pointer; padding: 8px 12px; margin-top: 16px; }
+[data-theme="light"] .ui-demo :is(fuzor-menu-content, fuzor-select-content, fuzor-popover-content, fuzor-tooltip-content),
+[data-theme="light"] fuzor-dialog-content:not(.docs-search-modal) { background: #fff; color: #0f172a; }
+
+:root { color-scheme: dark; }
+.docs-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.docs-outline { display: none; order: 2; }
+.docs-theme-switch { display: inline-flex; font-size: 11px; color: #94a3b8; }
+.docs-theme-label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; position: relative; min-height: 44px; }
+.docs-theme-control { display: inline-flex; width: 32px; height: 18px; border-radius: 999px; background: #475569; padding: 2px; }
+.docs-theme-control [data-part="thumb"] { display: block; width: 14px; height: 14px; background: #f8fafc; border-radius: 50%; transition: transform .15s; }
+.docs-theme-switch[checked] .docs-theme-control { background: #059669; }
+.docs-theme-switch[checked] [data-part="thumb"] { transform: translateX(14px); }
+.docs-theme-label:focus-within .docs-theme-control { outline: 2px solid #bdf579; outline-offset: 3px; }
+.docs-theme-label input { position: absolute; width: 1px; height: 1px; opacity: 0; }
+.docs-outline-trigger, .docs-outline-content button { font: inherit; color: inherit; background: transparent; border: 1px solid #475569; border-radius: 6px; padding: 8px 12px; cursor: pointer; }
+.docs-outline-content, .docs-hint { display: block; background: #0c1322; color: #f1f5f9; padding: 16px; border: 1px solid #475569; border-radius: 8px; box-shadow: 0 16px 40px #0005; }
+.docs-outline-content { width: min(80vw, 300px); max-height: 60vh; overflow-y: auto; }
+.docs-outline-content fuzor-popover-title { display: block; font-weight: 600; margin-bottom: 12px; }
+.docs-outline-content nav ul { list-style: none; padding: 0; }
+.docs-outline-content nav a { display: block; padding: 6px; color: inherit; }
+.docs-outline-content button { margin-top: 12px; }
+.docs-hint { font-size: 12px; padding: 8px 12px; }
+fuzor-popover-positioner, fuzor-tooltip-positioner { z-index: 1100; }
+[hidden] { display: none !important; }
+.docs-search-input:focus-visible, button:focus-visible, .docs-outline-content a:focus-visible { outline: 2px solid #bdf579; outline-offset: 3px; }
+[data-theme="light"] .docs-outline-content, [data-theme="light"] .docs-hint { background: #fff; color: #0f172a; }
+[data-theme="light"] .docs-article strong, [data-theme="light"] .docs-article th { color: #0f172a; }
+[data-theme="light"] .docs-article :not(pre) > code { color: #047857; }
+[data-theme="light"] fuzor-card, [data-theme="light"] fuzor-accordion { border-color: #cbd5e1; }
+[data-theme="light"] fuzor-card-title, [data-theme="light"] fuzor-accordion-trigger { color: #0f172a; }
+
+@media (max-width: 1120px) {
+  .docs-shell {
+    grid-template-columns: 230px minmax(0, 1fr);
+    gap: 36px;
+  }
+  .docs-outline { display: block; }
+  .docs-aside {
+    display: none;
+  }
+}
+@media (max-width: 800px) {
+  .docs-shell {
+    width: min(100% - 32px, 760px);
+    grid-template-columns: 1fr;
+    gap: 24px;
+    padding-top: 16px;
+  }
+  .docs-sidebar {
+    position: static;
+    max-height: none;
+    overflow: visible;
+    border-right: 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 0 0 20px 0;
+    margin: 0;
+  }
+  .docs-sidebar nav {
+    margin-top: 12px;
+  }
+  .docs-desktop-menu {
+    display: none;
+  }
+  .docs-menu {
+    display: block;
+  }
+  .docs-sidebar nav a,
+  .docs-category-tab {
+    min-height: 44px;
+    display: flex;
+    align-items: center;
+  }
+  .docs-menu > [data-part="trigger"] {
+    color: inherit;
+    background: transparent;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 44px;
+    cursor: pointer;
+    padding: 10px 12px;
+    border: 1px solid rgba(148, 163, 184, 0.3);
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 600;
+    list-style: none;
+  }
+  .docs-menu > [data-part="trigger"]::-webkit-details-marker {
+    display: none;
+  }
+  .docs-menu > [data-part="trigger"]::after {
+    content: "+";
+    font-size: 18px;
+  }
+  .docs-menu[open] > [data-part="trigger"]::after {
+    content: "−";
+  }
+  .docs-menu > [data-part="trigger"]:focus-visible {
+    outline: 2px solid #bdf579;
+    outline-offset: 2px;
+  }
+  .docs-search-fallback,
+  .sidebar-icon-link {
+    min-height: 44px;
+  }
+  .sidebar-icon-link {
+    min-width: 44px;
+  }
+  .sidebar-heading {
+    margin-bottom: 12px;
+  }
+  .docs-search-box {
+    margin: 12px 0;
+  }
+  .sidebar-group-label,
+  .docs-sidebar [data-fuzor-nav-group],
+  .sidebar-note,
+  .sidebar-heading .sidebar-badge {
+    display: none;
+  }
+}
+</style>
+<fuzor-grid class="docs-shell" columns="250px minmax(0, 1fr) 200px" gap="48px">
+  <fuzor-sidebar class="docs-sidebar" aria-label="Documentation navigation">
+    <fuzor-flex class="sidebar-heading" justify="between" align="center">
+      <fuzor-flex align="center" gap="8px">
+        <span>DOCUMENTATION</span>
+        <fuzor-badge class="sidebar-badge">Docs</fuzor-badge>
+      </fuzor-flex>
+      <div class="sidebar-actions">
+        <fuzor-tooltip id="docs-github-hint" data-fuzor-ui="tooltip" placement="bottom">
+        <a data-part="trigger" href="https://github.com/ivanjeremic/fuzor" target="_blank" rel="noopener noreferrer" class="sidebar-icon-link" aria-label="GitHub repository">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
+        </a>
+          <fuzor-tooltip-positioner data-part="positioner"><fuzor-tooltip-content data-part="content" class="docs-hint" hidden>View the source on GitHub</fuzor-tooltip-content></fuzor-tooltip-positioner>
+        </fuzor-tooltip>
+        <fuzor-switch id="docs-theme" data-fuzor-ui="switch" class="docs-theme-switch">
+          <label data-part="root" class="docs-theme-label">
+            <span data-part="label">Light theme</span>
+            <span data-part="control" class="docs-theme-control"><span data-part="thumb"></span></span>
+            <input data-part="hidden-input" type="checkbox" aria-label="Light theme" />
+          </label>
+        </fuzor-switch>
+      </div>
+    </fuzor-flex>
+    ${searchHtml}
+    <div class="docs-desktop-menu">
+      <fuzor-nav scope="/docs/" label="Documentation"></fuzor-nav>
+    </div>
+    <fuzor-collapsible id="docs-mobile-menu" data-fuzor-ui="collapsible" class="docs-menu">
+      <button type="button" data-part="trigger" aria-expanded="false" aria-controls="docs-mobile-links" aria-label="Browse documentation">Browse documentation</button>
+      <fuzor-collapsible-content id="docs-mobile-links" data-part="content" class="docs-menu-content" hidden>
+        <fuzor-nav scope="/docs/" label="Documentation"></fuzor-nav>
+      </fuzor-collapsible-content>
+    </fuzor-collapsible>
+    <fuzor-separator class="sidebar-separator"></fuzor-separator>
+    <fuzor-flex class="sidebar-note" align="center" gap="8px">
+      <span class="note-dot"></span> Powered by Fuzor
+    </fuzor-flex>
+  </fuzor-sidebar>
+  <fuzor-box as="main" class="docs-main" id="docs-content">
+    <fuzor-box class="docs-topbar">
+      <fuzor-popover id="docs-page-outline" data-fuzor-ui="popover" class="docs-outline" placement="bottom-end">
+        <button type="button" data-part="trigger" aria-expanded="false" class="docs-outline-trigger">On this page</button>
+        <fuzor-popover-positioner data-part="positioner">
+          <fuzor-popover-content data-part="content" class="docs-outline-content" hidden>
+            <fuzor-popover-title data-part="title">On this page</fuzor-popover-title>
+            <fuzor-toc></fuzor-toc>
+            <button type="button" data-part="close-trigger">Close outline</button>
+          </fuzor-popover-content>
+        </fuzor-popover-positioner>
+      </fuzor-popover>
+      <fuzor-breadcrumbs class="docs-breadcrumbs" aria-label="Breadcrumb">
+        <fuzor-breadcrumb-item href="/docs/"><a href="/docs/">Docs</a></fuzor-breadcrumb-item>
+      </fuzor-breadcrumbs>
+    </fuzor-box>
+    <fuzor-prose class="docs-article"><slot></slot></fuzor-prose>
+    <fuzor-box as="footer" class="docs-footer">
+      <fuzor-flex class="docs-footer-inner" justify="between" align="center">
+        <span>Built with Fuzor</span>
+        <a href="#docs-content" class="docs-back-to-top">Back to top ↑</a>
+      </fuzor-flex>
+    </fuzor-box>
+  </fuzor-box>
+  <fuzor-sidebar as="aside" class="docs-aside" aria-label="About these docs">
+    <fuzor-box class="aside-heading">On this page</fuzor-box>
+    <fuzor-toc></fuzor-toc>
+    <fuzor-box class="aside-footer">
+      <a href="#docs-content">Back to top ↑</a>
+    </fuzor-box>
+  </fuzor-sidebar>
+</fuzor-grid>
+<noscript><style>
+@media (max-width: 800px) { .docs-desktop-menu { display: block; } .docs-menu { display: none; } }
+.docs-theme-switch, .docs-outline, fuzor-tooltip-positioner { display: none; }
+.docs-article fuzor-tabs-content[hidden], .docs-article fuzor-accordion-content[hidden] { display: block !important; }
+</style></noscript>
+<script>
+try { document.documentElement.dataset.theme = localStorage.getItem('fuzor-theme') === 'light' ? 'light' : 'dark'; } catch {}
+</script>`;
+}
+//# sourceMappingURL=docs.js.map