@umami/shiso 0.54.0 → 0.61.0

package/src/styles/global.css

@@ -0,0 +1,268 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "./tokens.css";
+@source "../";
+
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+@layer base {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    border-color: var(--border);
+    outline-color: color-mix(in srgb, var(--ring) 50%, transparent);
+  }
+
+  html,
+  body {
+    font-family: var(--font-sans);
+    font-weight: var(--font-body-weight, 400);
+    color: var(--foreground);
+    background-color: var(--background);
+    scrollbar-gutter: stable;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  img,
+  video,
+  svg {
+    max-width: 100%;
+    display: block;
+  }
+
+  button {
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: none;
+    cursor: pointer;
+  }
+
+  a,
+  a:active,
+  a:hover {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  code,
+  pre {
+    font-family: var(--font-mono);
+  }
+}
+
+/* Markdown content */
+
+@layer components {
+  .docs-markdown {
+    margin-bottom: 2.5rem;
+    font-size: 16px;
+    line-height: 1.75;
+  }
+
+  .docs-markdown > * + * {
+    margin-top: 1rem;
+  }
+
+  .docs-markdown :where(h2, h3, h4, h5, h6) {
+    font-family: var(--font-heading);
+    font-weight: var(--font-heading-weight, 700);
+    letter-spacing: -0.02em;
+    line-height: 1.25;
+    color: var(--foreground);
+    scroll-margin-top: 1rem;
+  }
+
+  /* Permalink appended to every heading by rehype-autolink-headings.
+   Hidden until the heading is hovered, or the link itself is focused. */
+  .docs-markdown .heading-anchor {
+    margin-left: 0.4rem;
+    font-weight: 400;
+    color: var(--muted-foreground);
+    text-decoration: none;
+    opacity: 0;
+    transition: opacity 0.12s ease;
+  }
+
+  .docs-markdown :where(h1, h2, h3, h4, h5, h6):hover .heading-anchor,
+  .docs-markdown .heading-anchor:focus-visible {
+    opacity: 1;
+  }
+
+  .docs-markdown h2 {
+    margin-top: 2.25rem;
+    margin-bottom: 1rem;
+    font-size: 1.5rem;
+  }
+
+  .docs-markdown h3 {
+    margin-top: 1.75rem;
+    margin-bottom: 0.75rem;
+    font-size: 1.2rem;
+  }
+
+  .docs-markdown p {
+    margin: 0.75rem 0;
+  }
+
+  .docs-markdown ul,
+  .docs-markdown ol {
+    margin: 0.75rem 0;
+    padding-left: 1.25rem;
+  }
+
+  .docs-markdown ul {
+    list-style: disc;
+  }
+
+  .docs-markdown ol {
+    list-style: decimal;
+  }
+
+  .docs-markdown li {
+    margin: 0.35rem 0;
+  }
+
+  .docs-markdown a {
+    text-decoration: underline;
+    text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
+    text-underline-offset: 0.2em;
+  }
+
+  .docs-markdown a:hover {
+    text-decoration-color: currentColor;
+  }
+
+  .docs-markdown code:not(pre code) {
+    border-radius: var(--radius-sm);
+    background: color-mix(in srgb, currentColor 4%, transparent);
+    padding: 0.1rem 0.3rem;
+    font-size: 0.875rem;
+  }
+
+  .docs-markdown table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1rem 0;
+  }
+
+  .docs-markdown th,
+  .docs-markdown td {
+    border: 1px solid var(--border);
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+  }
+
+  .docs-markdown th {
+    background: var(--card);
+    font-weight: 600;
+  }
+
+  .docs-markdown table code:not(pre code) {
+    font-size: 0.75rem;
+  }
+
+  .docs-markdown blockquote {
+    border-left: 3px solid var(--input);
+    padding-left: 1rem;
+    color: var(--muted-foreground);
+  }
+
+  .docs-markdown hr {
+    border: none;
+    border-top: 1px solid var(--border);
+    margin: 2rem 0;
+  }
+}
+
+/* These rules are unlayered so they can override Highlight.js's unlayered theme. */
+
+code.hljs {
+  background: transparent;
+}
+
+/* The scroll area owns code-block overflow and padding. */
+pre.code-block code.hljs {
+  overflow: visible;
+  padding: 0;
+}
+
+/* GitHub Dark syntax colors, scoped so the default GitHub theme stays light. */
+[data-theme="dark"] .hljs {
+  color: #c9d1d9;
+}
+
+[data-theme="dark"]
+  :is(
+    .hljs-doctag,
+    .hljs-keyword,
+    .hljs-meta .hljs-keyword,
+    .hljs-template-tag,
+    .hljs-template-variable,
+    .hljs-type,
+    .hljs-variable.language_
+  ) {
+  color: #ff7b72;
+}
+
+[data-theme="dark"]
+  :is(.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_) {
+  color: #d2a8ff;
+}
+
+[data-theme="dark"]
+  :is(
+    .hljs-attr,
+    .hljs-attribute,
+    .hljs-literal,
+    .hljs-meta,
+    .hljs-number,
+    .hljs-operator,
+    .hljs-variable,
+    .hljs-selector-attr,
+    .hljs-selector-class,
+    .hljs-selector-id,
+    .hljs-section
+  ) {
+  color: #79c0ff;
+}
+
+[data-theme="dark"] :is(.hljs-regexp, .hljs-string, .hljs-meta .hljs-string) {
+  color: #a5d6ff;
+}
+
+[data-theme="dark"] :is(.hljs-built_in, .hljs-symbol) {
+  color: #ffa657;
+}
+
+[data-theme="dark"] :is(.hljs-comment, .hljs-code, .hljs-formula) {
+  color: #8b949e;
+}
+
+[data-theme="dark"] :is(.hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo) {
+  color: #7ee787;
+}
+
+[data-theme="dark"] :is(.hljs-subst, .hljs-emphasis, .hljs-strong) {
+  color: #c9d1d9;
+}
+
+[data-theme="dark"] .hljs-bullet {
+  color: #f2cc60;
+}
+
+[data-theme="dark"] .hljs-addition {
+  color: #aff5b4;
+  background-color: #033a16;
+}
+
+[data-theme="dark"] .hljs-deletion {
+  color: #ffdcd7;
+  background-color: #67060c;
+}

package/src/styles/tokens.css

@@ -0,0 +1,114 @@
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
+  --font-heading: var(--font-sans);
+  --header-height: 3rem;
+  --radius: 0.625rem;
+
+  --background: #ffffff;
+  --foreground: #111827;
+  --card: #fafafa;
+  --card-foreground: #111827;
+  --popover: #ffffff;
+  --popover-foreground: #111827;
+  --primary: #16a34a;
+  --primary-foreground: #ffffff;
+  --secondary: #f4f4f5;
+  --secondary-foreground: #18181b;
+  --muted: #f4f4f5;
+  --muted-foreground: #71717a;
+  --accent: #f4f4f5;
+  --accent-foreground: #18181b;
+  --destructive: #dc2626;
+  --border: #e4e4e7;
+  --input: #d4d4d8;
+  --ring: #16a34a;
+  --chart-1: #16a34a;
+  --chart-2: #2563eb;
+  --chart-3: #9333ea;
+  --chart-4: #d97706;
+  --chart-5: #dc2626;
+  --sidebar: #fafafa;
+  --sidebar-foreground: #111827;
+  --sidebar-primary: #16a34a;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f4f4f5;
+  --sidebar-accent-foreground: #18181b;
+  --sidebar-border: #e4e4e7;
+  --sidebar-ring: #16a34a;
+}
+
+[data-theme="dark"] {
+  --background: #101014;
+  --foreground: #fafafa;
+  --card: #18181c;
+  --card-foreground: #fafafa;
+  --popover: #18181c;
+  --popover-foreground: #fafafa;
+  --primary: #16a34a;
+  --primary-foreground: #ffffff;
+  --secondary: #1e1e23;
+  --secondary-foreground: #fafafa;
+  --muted: #1e1e23;
+  --muted-foreground: #8b8b94;
+  --accent: #1e1e23;
+  --accent-foreground: #fafafa;
+  --destructive: #f87171;
+  --border: #2b2b31;
+  --input: #3f3f46;
+  --ring: #22c55e;
+  --chart-1: #4ade80;
+  --chart-2: #60a5fa;
+  --chart-3: #c084fc;
+  --chart-4: #fbbf24;
+  --chart-5: #f87171;
+  --sidebar: #18181c;
+  --sidebar-foreground: #fafafa;
+  --sidebar-primary: #22c55e;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #1e1e23;
+  --sidebar-accent-foreground: #fafafa;
+  --sidebar-border: #2b2b31;
+  --sidebar-ring: #22c55e;
+}

package/types/client.d.ts

@@ -0,0 +1,3 @@
+import type { Root } from 'react-dom/client';
+
+export function mount(element?: HTMLElement | null): Root;

package/types/search.d.ts

@@ -0,0 +1,17 @@
+export interface SearchResult {
+  url: string;
+  page: string;
+  score: number;
+  heading?: string;
+  snippet?: string;
+}
+
+export interface SearchProvider {
+  search(query: string, limit?: number): Promise<SearchResult[]>;
+}
+
+export type SearchProviderFactory = (
+  options: Record<string, unknown>,
+) => SearchProvider | Promise<SearchProvider>;
+
+export function registerSearchProvider(id: string, factory: SearchProviderFactory): () => void;