@publish.os/nextjs 0.0.1-alpha.8 → 0.0.1-alpha.90

package/dist/search.js

@@ -5,14 +5,21 @@ import { useShortcut } from "@publish.os/nextjs/keyboard-shortcuts";
 import { useRouter } from "next/navigation";
 import {
   createContext,
+  startTransition,
+  use,
   useCallback,
-  useContext,
   useEffect,
   useId,
   useMemo,
   useRef,
   useState
 } from "react";
+
+// src/lib/hosting/framework-paths.ts
+var FRAMEWORK_PREFIX = "/publishos", ASSET_PREFIX = `${FRAMEWORK_PREFIX}/assets`, SITE_API_PREFIX = `${FRAMEWORK_PREFIX}/api`, PAGEFIND_PREFIX = `${ASSET_PREFIX}/pagefind`, PAGEFIND_MODULE_URL = `${PAGEFIND_PREFIX}/pagefind.js`, PAGEFIND_ENTRY_URL = `${PAGEFIND_PREFIX}/pagefind-entry.json`, IMAGE_OPTIMIZER_PATH = `${SITE_API_PREFIX}/image`;
+var OG_SERVICE_PREFIX = `${SITE_API_PREFIX}/og`, PUBLIC_ASSET_DIRECTORY = "publishos/assets", PUBLIC_FONT_DIRECTORY = `${PUBLIC_ASSET_DIRECTORY}/_publishos/fonts`, PUBLIC_PAGEFIND_DIRECTORY = `public/${PUBLIC_ASSET_DIRECTORY}/pagefind`, FRAMEWORK_PROXY_MATCHER = `/((?!${FRAMEWORK_PREFIX.slice(1)}(?:/|$)|_next/static|_next/image|_next/webpack-hmr).*)`;
+
+// src/modules/search/search.tsx
 import { jsx } from "react/jsx-runtime";
 var EMPTY_SEARCH_OUTPUT = {
   items: [],
@@ -40,7 +47,7 @@ function inactiveIndexMessage() {
     total: 0
   };
 }
-var SEARCH_STATUS_URL = "/pagefind/pagefind-entry.json", PAGEFIND_URL = "/pagefind/pagefind.js", pagefindModulePromise = null, activeIndex;
+var SEARCH_STATUS_URL = PAGEFIND_ENTRY_URL, PAGEFIND_URL = PAGEFIND_MODULE_URL, pagefindModulePromise = null, pagefindModuleFailures = 0, activeIndex;
 async function fetchSearchStatus(signal) {
   let response = await fetch(SEARCH_STATUS_URL, {
     cache: "no-store",
@@ -53,7 +60,10 @@ async function fetchSearchStatus(signal) {
   return response?.ok ? (await response.json()).publishos ?? null : null;
 }
 async function loadPagefind() {
-  return pagefindModulePromise ??= new Function("src", "return import(src)")(PAGEFIND_URL), pagefindModulePromise;
+  let url = pagefindModuleFailures ? `${PAGEFIND_URL}?retry=${pagefindModuleFailures}` : PAGEFIND_URL;
+  return pagefindModulePromise ??= new Function("src", "return import(src)")(url).catch((error) => {
+    throw pagefindModuleFailures += 1, pagefindModulePromise = null, error;
+  }), pagefindModulePromise;
 }
 async function withPagefindIndex(revision, run) {
   let release = async (index) => {
@@ -66,7 +76,9 @@ async function withPagefindIndex(revision, run) {
       readers: 0,
       retired: !1,
       instance: loadPagefind().then(async (module) => {
-        let instance = module.createInstance({ bundlePath: "/pagefind/" });
+        let instance = module.createInstance({
+          baseUrl: "/"
+        });
         return await instance.init?.(), instance;
       })
     }, previous && (previous.retired = !0, release(previous).catch(() => {
@@ -76,6 +88,8 @@ async function withPagefindIndex(revision, run) {
   selected.readers += 1;
   try {
     return await run(await selected.instance);
+  } catch (error) {
+    throw activeIndex === selected && (activeIndex = void 0), selected.retired = !0, error;
   } finally {
     selected.readers -= 1, await release(selected);
   }
@@ -92,6 +106,20 @@ function pagefindFilters(filters) {
 function titleForResult(data) {
   return data.meta?.title ?? data.sub_results?.find((subResult) => subResult.title)?.title ?? data.url;
 }
+function plainExcerpt(value) {
+  let entities = {
+    "&": "&",
+    "&lt;": "<",
+    "&gt;": ">",
+    "&quot;": '"',
+    "&#39;": "'",
+    "&#x27;": "'"
+  };
+  return value.replace(/<[^>]*>/g, "").replace(
+    /&(?:amp|lt|gt|quot|#39|#x27);/g,
+    (entity) => entities[entity] ?? entity
+  );
+}
 function toSearchResult({
   data,
   fallbackId,
@@ -102,11 +130,11 @@ function toSearchResult({
     excerpt,
     id: data.url || fallbackId,
     meta: data.meta ?? {},
-    plainExcerpt: data.plain_excerpt ?? excerpt.replace(/<[^>]*>/g, ""),
+    plainExcerpt: plainExcerpt(data.plain_excerpt ?? excerpt),
     score,
     subResults: (data.sub_results ?? []).map((result) => ({
       excerpt: result.excerpt ?? "",
-      plainExcerpt: (result.excerpt ?? "").replace(/<[^>]*>/g, ""),
+      plainExcerpt: plainExcerpt(result.plain_excerpt ?? result.excerpt ?? ""),
       title: result.title ?? title,
       url: result.url ?? data.url
     })),
@@ -204,7 +232,7 @@ function useSearch(input) {
   }, [stableInput]), output;
 }
 function useSearchBlock() {
-  let value = useContext(SearchBlockContext);
+  let value = use(SearchBlockContext);
   if (!value)
     throw new Error("useSearchBlock must be used inside <Search.Root>.");
   return value;
@@ -215,14 +243,15 @@ function SearchProvider({
   limit = DEFAULT_SEARCH_LIMIT,
   onOpenChange,
   open: controlledOpen,
-  shortcut = "mod+k",
-  variant = "desktop"
+  shortcut = "mod+k"
 }) {
-  let [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen), [query, setQuery] = useState(""), [isTyping, setIsTyping] = useState(!1), [selectedValue, setSelectedValue] = useState(""), typingTimer = useRef(null), inputRef = useRef(null), listRef = useRef(null), router = useRouter(), inputId = useId(), listId = useId(), open = controlledOpen ?? uncontrolledOpen, output = useSearch({ limit, q: query }), [displayResults, setDisplayResults] = useState([]), selectedResultId = (displayResults.find((result) => result.id === selectedValue) ?? displayResults[0])?.id ?? "", loading = !!query.trim() && !isTyping && output.status === "idle", setOpen = useCallback(
+  let [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen), [query, setQuery] = useState(""), [isTyping, setIsTyping] = useState(!1), [selectedValue, setSelectedValue] = useState(""), typingTimer = useRef(null), inputRef = useRef(null), listRef = useRef(null), triggerRef = useRef(null), router = useRouter(), inputId = useId(), listId = useId(), popupId = useId(), open = controlledOpen ?? uncontrolledOpen, output = useSearch({ limit, q: open ? query : "" }), [displayResults, setDisplayResults] = useState([]), selectedResultId = (displayResults.find((result) => result.id === selectedValue) ?? displayResults[0])?.id ?? "", loading = open && !!query.trim() && !isTyping && output.status === "idle", setOpen = useCallback(
     (nextOpen) => {
-      controlledOpen === void 0 && setUncontrolledOpen(nextOpen), onOpenChange?.(nextOpen), nextOpen || (setQuery(""), setSelectedValue(""), setIsTyping(!1));
+      startTransition(() => {
+        controlledOpen === void 0 && setUncontrolledOpen(nextOpen), onOpenChange?.(nextOpen);
+      }), nextOpen && !open && (setQuery(""), setSelectedValue(""), setIsTyping(!1)), nextOpen || typingTimer.current !== null && (window.clearTimeout(typingTimer.current), typingTimer.current = null);
     },
-    [controlledOpen, onOpenChange]
+    [controlledOpen, onOpenChange, open]
   ), setQueryValue = useCallback((value) => {
     setQuery(value);
   }, []), handleInputChange = useCallback((value) => {
@@ -235,13 +264,8 @@ function SearchProvider({
     },
     [router, setOpen]
   );
-  useEffect(() => {
-    if (!open) return;
-    let frame = window.requestAnimationFrame(() => {
-      inputRef.current?.focus();
-    });
-    return () => window.cancelAnimationFrame(frame);
-  }, [open]), useShortcut(shortcut, () => setOpen(!0), {
+  useShortcut(shortcut || "mod+k", () => setOpen(!0), {
+    enabled: shortcut !== !1 && !open,
     description: "Open search",
     group: "Search",
     priority: 100
@@ -277,8 +301,9 @@ function SearchProvider({
         inputRef,
         listId,
         listRef,
+        popupId,
         shortcut,
-        variant
+        triggerRef
       },
       state: {
         displayResults,
@@ -304,12 +329,12 @@ function SearchProvider({
       output.message,
       output.status,
       output.total,
+      popupId,
       query,
       selectedResultId,
       setOpen,
       setQueryValue,
-      shortcut,
-      variant
+      shortcut
     ]
   );
   return /* @__PURE__ */ jsx(SearchBlockContext.Provider, { value: contextValue, children });

package/dist/{sidebar-types-Bgchdfd6.d.ts → sidebar-types-DKpR27II.d.ts}

@@ -1,5 +1,5 @@
 import { Ref, ReactNode, MouseEvent } from 'react';
-import { T as TreeNode } from './types-DHBm7-j6.js';
+import { T as TreeNode } from './types-CJWRG05y.js';
 
 type SidebarTreeNode = TreeNode & {
     children?: SidebarTreeNode[];

package/dist/{types-CIwwieNw.d.ts → types-BzkZty3r.d.ts}

@@ -1,8 +1,8 @@
 type SiteData = {
     name: string;
     description?: string;
-    url?: string;
-    og?: OgMetadata;
+    origin?: string;
+    og?: OgIndexMetadata;
 };
 type OgImageMetadata = string | {
     src: string;
@@ -13,6 +13,9 @@ type OgMetadata = {
     description?: string;
     image?: OgImageMetadata;
 };
+type OgIndexMetadata = OgMetadata & {
+    scope?: "page" | "subtree";
+};
 type Author = {
     id?: string;
     name: string;
@@ -42,6 +45,7 @@ type PageNode = {
     fileID: string;
     title: string;
     path: string;
+    href?: string;
     group: string;
     description?: string;
     status: PageStatus;
@@ -57,6 +61,7 @@ type SectionNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -65,6 +70,7 @@ type FolderNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -94,7 +100,9 @@ type GroupManifest = {
     key: string;
     title: string;
     path: string;
+    origin?: string;
     ancestry?: string[];
+    og?: OgIndexMetadata;
     meta?: Record<string, unknown>;
     tree: TreeNode[];
     pages: PageData[];
@@ -108,6 +116,10 @@ type ManifestLike = {
     attribution?: Record<string, ResolvedAttribution>;
     contentHash: string;
 };
+type RootPageProps = {
+    site: SiteData;
+    tree: TreeNode[];
+};
 type LayoutProps = {
     children: React.ReactNode;
     site: SiteData;
@@ -116,6 +128,14 @@ type LayoutProps = {
     currentPath: string;
     group: string;
 };
+type PageProps<TMeta extends Record<string, unknown> = Record<string, unknown>> = {
+    site: SiteData;
+    tree: TreeNode[];
+    node: TreeNode;
+    page: PageData<TMeta>;
+    currentPath: string;
+    group: string;
+};
 type IndexPageProps = {
     site: SiteData;
     tree: TreeNode[];
@@ -124,4 +144,4 @@ type IndexPageProps = {
     group: string;
 };
 
-export type { IndexPageProps as I, LayoutProps as L, ManifestLike as M, PageStatus as P };
+export type { IndexPageProps as I, LayoutProps as L, ManifestLike as M, PageStatus as P, ResolvedAttribution as R, PageProps as a, RootPageProps as b };

package/dist/{types-DHBm7-j6.d.ts → types-CJWRG05y.d.ts}

@@ -15,11 +15,28 @@ type Author = {
     url?: string;
 };
 type PageStatus = "published" | "draft" | "archived";
+type PageData<TMeta extends Record<string, unknown> = Record<string, unknown>> = {
+    fileID: string;
+    group: string;
+    slug: string;
+    path: string;
+    title: string;
+    description?: string;
+    status: PageStatus;
+    publishedAt?: string;
+    updatedAt?: string;
+    authors: Author[];
+    tags: string[];
+    og?: OgMetadata;
+    meta: TMeta;
+    body: string;
+};
 type PageNode = {
     type: "page";
     fileID: string;
     title: string;
     path: string;
+    href?: string;
     group: string;
     description?: string;
     status: PageStatus;
@@ -35,6 +52,7 @@ type SectionNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -43,6 +61,7 @@ type FolderNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -54,4 +73,4 @@ type LinkNode = {
 };
 type TreeNode = PageNode | SectionNode | FolderNode | LinkNode;
 
-export type { TreeNode as T };
+export type { PageData as P, TreeNode as T };

package/dist/{types-B_b3C0U6.d.ts → types-CUtrppxt.d.ts}

@@ -1,8 +1,8 @@
 type SiteData = {
     name: string;
     description?: string;
-    url?: string;
-    og?: OgMetadata;
+    origin?: string;
+    og?: OgIndexMetadata;
 };
 type OgImageMetadata = string | {
     src: string;
@@ -13,6 +13,9 @@ type OgMetadata = {
     description?: string;
     image?: OgImageMetadata;
 };
+type OgIndexMetadata = OgMetadata & {
+    scope?: "page" | "subtree";
+};
 type Author = {
     id?: string;
     name: string;
@@ -26,6 +29,7 @@ type PageNode = {
     fileID: string;
     title: string;
     path: string;
+    href?: string;
     group: string;
     description?: string;
     status: PageStatus;
@@ -41,6 +45,7 @@ type SectionNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -49,6 +54,7 @@ type FolderNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };

package/dist/types.d.ts

@@ -46,7 +46,6 @@ type SearchOutput = {
     status: SearchStatus;
     total: number;
 };
-type SearchBlockVariant = "desktop" | "mobile";
 type SearchBlockState = {
     displayResults: SearchResult[];
     isTyping: boolean;
@@ -70,8 +69,9 @@ type SearchBlockMeta = {
     inputRef: RefObject<HTMLInputElement | null>;
     listId: string;
     listRef: RefObject<HTMLDivElement | null>;
-    shortcut: string;
-    variant: SearchBlockVariant;
+    popupId: string;
+    shortcut: string | false;
+    triggerRef: RefObject<HTMLButtonElement | null>;
 };
 type SearchBlockContextValue = {
     actions: SearchBlockActions;
@@ -87,8 +87,8 @@ type Heading = {
 type SiteData = {
     name: string;
     description?: string;
-    url?: string;
-    og?: OgMetadata;
+    origin?: string;
+    og?: OgIndexMetadata;
 };
 type OgImageMetadata = string | {
     src: string;
@@ -99,6 +99,9 @@ type OgMetadata = {
     description?: string;
     image?: OgImageMetadata;
 };
+type OgIndexMetadata = OgMetadata & {
+    scope?: "page" | "subtree";
+};
 type Author = {
     id?: string;
     name: string;
@@ -142,6 +145,7 @@ type PageNode = {
     fileID: string;
     title: string;
     path: string;
+    href?: string;
     group: string;
     description?: string;
     status: PageStatus;
@@ -157,6 +161,7 @@ type SectionNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -165,6 +170,7 @@ type FolderNode = {
     id: string;
     title: string;
     path?: string;
+    href?: string;
     group?: string;
     children: TreeNode[];
 };
@@ -199,7 +205,9 @@ type GroupManifest = {
     key: string;
     title: string;
     path: string;
+    origin?: string;
     ancestry?: string[];
+    og?: OgIndexMetadata;
     meta?: Record<string, unknown>;
     tree: TreeNode[];
     pages: PageData[];
@@ -265,4 +273,4 @@ type GroupContext = {
 
 declare const __publishOsTypesModule = true;
 
-export { type Author, type FolderNode, type GroupContext, type GroupForcedMode, type GroupManifest, type Heading, type IndexPageProps, type LayoutProps, type LinkNode, type ManifestLike, type NavFolder, type NavItem, type NavLink, type NavPage, type NavSection, type OgImageMetadata, type OgMetadata, type PageData, type PageFrontmatter, type PageNode, type PageProps, type PageStatus, type PageSummary, type ResolvedAttribution, type RootLayoutProps, type RootPageProps, type RouteRecord, type SearchBlockActions, type SearchBlockContextValue, type SearchBlockMeta, type SearchBlockState, type SearchBlockVariant, type SearchInput, type SearchOutput, type SearchResult, type SearchStatus, type SearchSubResult, type SectionNode, type SiteData, type ThemeMode, type TreeNode, __publishOsTypesModule };
+export { type Author, type FolderNode, type GroupContext, type GroupForcedMode, type GroupManifest, type Heading, type IndexPageProps, type LayoutProps, type LinkNode, type ManifestLike, type NavFolder, type NavItem, type NavLink, type NavPage, type NavSection, type OgImageMetadata, type OgIndexMetadata, type OgMetadata, type PageData, type PageFrontmatter, type PageNode, type PageProps, type PageStatus, type PageSummary, type ResolvedAttribution, type RootLayoutProps, type RootPageProps, type RouteRecord, type SearchBlockActions, type SearchBlockContextValue, type SearchBlockMeta, type SearchBlockState, type SearchInput, type SearchOutput, type SearchResult, type SearchStatus, type SearchSubResult, type SectionNode, type SiteData, type ThemeMode, type TreeNode, __publishOsTypesModule };

package/dist/validate-local-source-XRL2Y7XE.js

@@ -0,0 +1,14 @@
+import {
+  validateLocalSource
+} from "./chunk-VO2I7MTM.js";
+import "./chunk-726GV2NF.js";
+import "./chunk-NECL5IBJ.js";
+import "./chunk-535TM4A5.js";
+import "./chunk-DLDFHU7Y.js";
+import "./chunk-7OGTPSKI.js";
+import "./chunk-YLTOLYWM.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-WDY4IK6Z.js";
+export {
+  validateLocalSource
+};

package/dist/validate-publish-os-source-DAPZ4QGE.js

@@ -0,0 +1,12 @@
+import {
+  validatePublishOsSource
+} from "./chunk-726GV2NF.js";
+import "./chunk-NECL5IBJ.js";
+import "./chunk-535TM4A5.js";
+import "./chunk-7OGTPSKI.js";
+import "./chunk-YLTOLYWM.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-WDY4IK6Z.js";
+export {
+  validatePublishOsSource
+};

package/init/seed/minimal/.gitignore

@@ -0,0 +1 @@
+.publish.os/

package/init/seed/minimal/publish.os/docs/content/get-started.mdx

@@ -14,11 +14,11 @@ Local previews and builds do not require an account.
 
 From your project directory, run this command:
 
-```bash
-npx --package @publish.os/cli@latest publishos dev
+```bash title="Preview the site"
+npx @publish.os/cli@latest dev
 ```
 
-Open the address that the CLI shows. To stop the preview, press `Ctrl+C`.
+Open the address that the CLI shows. To stop the preview, press <kbd>Ctrl</kbd>+<kbd>C</kbd>.
 
 ## Make one change
 
@@ -30,13 +30,7 @@ Use Markdown for normal text. You can use **bold text**, _italic text_, and `cod
 
 You can also use MDX components to add interactive elements to your pages.
 
-<Callout title="A short note">
-  A short notice or piece of information.
-</Callout>
-
-```text
-Code blocks can show quick examples.
-```
+Use [callouts](/docs/callouts) to add notes, warnings, and useful context. The callout guide shows every color and style.
 
 You can show a keyboard shortcut such as <kbd>Ctrl</kbd>+<kbd>Enter</kbd>.
 
@@ -52,3 +46,5 @@ description: Add a page to your site.
 
 Each MDX file contains one page.
 ```
+
+Next try creating or modifying <a href="/docs/groups">groups</a> or customizing your <a href="/docs/themes">theme</a>.

package/init/seed/minimal/publish.os/docs/content/groups.mdx

@@ -28,4 +28,4 @@ The `blog` folder creates a separate content group. Its pages can share a layout
 | `docs` | Explain how to use it  |
 | `blog` | Explain what you learn |
 
-Use short file names with hyphens between words. Link to the page that answers the next question, such as [how to change the theme](/docs/theme).
+Use short file names with hyphens between words. Link to the page that answers the next question, such as [how to change the theme](/docs/themes).

package/init/seed/minimal/publish.os/docs/content/{theme.mdx → themes.mdx}

@@ -27,21 +27,21 @@ You can use `xs`, `sm`, `md`, `lg`, `xl`, or `none`. You can also use a custom v
 
 The neutral color palette changes the complete design system. Define the palette with a neutral scale.
 
-Low values usually define surfaces. Higher values add contrast for borders, text, and emphasized elements.
+Keep every palette color opaque, including subtle surfaces. Hover, active, and stroke tokens use transparency so controls adapt to the surface beneath them.
 
 ```css
---gray-100: #ffffff;
---gray-200: #fafafa;
---gray-300: #f5f5f5;
---gray-400: #eeeeee;
---gray-500: #e5e5e5;
---gray-600: #d4d4d4;
---gray-700: #a3a3a3;
+--gray-100: #fcfcfc;
+--gray-200: #f9f9f9;
+--gray-300: #f3f3f3;
+--gray-400: #f0f0f0;
+--gray-500: #e0e0e0;
+--gray-600: #c6c6c6;
+--gray-700: #999999;
 --gray-800: #737373;
---gray-900: #525252;
---gray-1000: #404040;
---gray-1100: #262626;
---gray-1200: #000000;
+--gray-900: #5d5d5d;
+--gray-1000: #464646;
+--gray-1100: #2e2e2e;
+--gray-1200: #171717;
 
 --neutral-100: var(--gray-100);
 --neutral-200: var(--gray-200);
@@ -62,3 +62,5 @@ Set the accent to your brand color or a color from the palette:
 ```css
 --accent: #ed940f;
 ```
+
+For layered controls, keep page and popup surfaces opaque. Derive hover, pressed, and border colors from a foreground or accent with transparency. The default theme does this with `color-mix()`, so the same control works on both light and dark surfaces. Keep text and solid button fills opaque for contrast.

package/init/seed/minimal/publish.os/publish.os.config.json

@@ -1,21 +1,17 @@
 {
   "version": 1,
-  "runtime": "@publish.os/nextjs@0.0.1-alpha.8",
+  "runtime": "@publish.os/nextjs@0.0.1-alpha.90",
   "site": {
-    "name": "publishOS guides",
+    "name": "publish.os guides",
     "description": "Write pages, organize content, and build your site."
   },
   "fonts": {
     "main": {
-      "family": "Work Sans",
-      "weight": "100 900"
+      "family": "Inter"
     },
     "mono": {
       "family": "DM Mono",
       "weight": ["300", "400", "500"]
     }
-  },
-  "icons": {
-    "family": "phosphor"
   }
 }

package/init/seed/minimal/publish.os/theme.css

@@ -1,18 +1,18 @@
 /* Delete this file to use the same PublishOS fallback theme. */
 
 :root {
-  --gray-100: #ffffff;
-  --gray-200: #fafafa;
-  --gray-300: #f5f5f5;
-  --gray-400: #eeeeee;
-  --gray-500: #e5e5e5;
-  --gray-600: #d4d4d4;
-  --gray-700: #a3a3a3;
+  --gray-100: #fcfcfc;
+  --gray-200: #f9f9f9;
+  --gray-300: #f3f3f3;
+  --gray-400: #f0f0f0;
+  --gray-500: #e0e0e0;
+  --gray-600: #c6c6c6;
+  --gray-700: #999999;
   --gray-800: #737373;
-  --gray-900: #525252;
-  --gray-1000: #404040;
-  --gray-1100: #262626;
-  --gray-1200: #000000;
+  --gray-900: #5d5d5d;
+  --gray-1000: #464646;
+  --gray-1100: #2e2e2e;
+  --gray-1200: #171717;
 
   --neutral-100: var(--gray-100);
   --neutral-200: var(--gray-200);
@@ -27,21 +27,49 @@
   --neutral-1100: var(--gray-1100);
   --neutral-1200: var(--gray-1200);
 
-  --accent: var(--gray-1200);
-  --theme-radius: var(--theme-radius-md);
+  --blue-100: #f7fbff;
+  --blue-200: #edf6fe;
+  --blue-300: #e3f1fd;
+  --blue-400: #d8ecfc;
+  --blue-500: #b3dbfd;
+  --blue-600: #8ecaff;
+  --blue-700: #6ab7ff;
+  --blue-800: #42a3ff;
+  --blue-900: #018dff;
+  --blue-1000: #0071ce;
+  --blue-1100: #00569f;
+  --blue-1200: #003d73;
+
+  --accent: var(--blue-900);
+  --accent-2: var(--blue-800);
+  --accent-3: var(--blue-700);
+  --theme-radius: var(--theme-radius-sm);
 }
 
 .dark {
-  --gray-100: #000000;
-  --gray-200: #0a0a0a;
-  --gray-300: #171717;
-  --gray-400: #262626;
-  --gray-500: #404040;
+  --gray-100: #131313;
+  --gray-200: #1a1a1a;
+  --gray-300: #212121;
+  --gray-400: #292929;
+  --gray-500: #383838;
   --gray-600: #525252;
-  --gray-700: #737373;
-  --gray-800: #a3a3a3;
-  --gray-900: #d4d4d4;
-  --gray-1000: #e5e5e5;
-  --gray-1100: #f5f5f5;
-  --gray-1200: #ffffff;
+  --gray-700: #767676;
+  --gray-800: #b3b3b3;
+  --gray-900: #c4c4c4;
+  --gray-1000: #d2d2d2;
+  --gray-1100: #e6e6e6;
+  --gray-1200: #f5f5f5;
+
+  --blue-100: #101d29;
+  --blue-200: #142739;
+  --blue-300: #173249;
+  --blue-400: #193d5a;
+  --blue-500: #235278;
+  --blue-600: #2d6898;
+  --blue-700: #377fb9;
+  --blue-800: #4297dc;
+  --blue-900: #4dafff;
+  --blue-1000: #84c8ff;
+  --blue-1100: #b6dfff;
+  --blue-1200: #e8f5ff;
 }

package/init/seed/minimal/publish.os/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.publish.os/ide/tsconfig.json"
+}