phosphor-ui 0.3.39-dev.0

package/dist/esm/components/templates/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export { Cluster, Column, Container, Flex, Grid, Row, Stack } from "./Layout";
+export type { ClusterProps, ColumnProps, ContainerProps, FlexProps, GridProps, LayoutGap, LayoutSpace, RowProps, StackProps, } from "./Layout";

package/dist/esm/components/templates/MainframeLayout/MainframeLayout.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import type { NerdTreeProps } from "../../organisms/NerdTree";
+export type MainframeVariant = "post" | "wiki" | "course" | "project" | "admin";
+export interface MainframeLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: MainframeVariant;
+    leftPanel?: React.ReactNode;
+    rightPanel?: React.ReactNode;
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    leftPanelLabel?: string;
+    rightPanelLabel?: string;
+    mainAs?: MainContentProps["as"];
+    mainClassName?: string;
+    leftPanelClassName?: string;
+    rightPanelClassName?: string;
+    stickyPanels?: boolean;
+}
+export declare const MainframeLayout: React.ForwardRefExoticComponent<MainframeLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export interface MainContentProps extends React.HTMLAttributes<HTMLElement> {
+    as?: "main" | "section" | "article" | "div";
+}
+export declare const MainContent: React.ForwardRefExoticComponent<MainContentProps & React.RefAttributes<HTMLElement>>;
+export interface ContextPanelProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    title?: React.ReactNode;
+    meta?: React.ReactNode;
+    as?: "aside" | "section" | "div";
+}
+export declare const ContextPanel: React.ForwardRefExoticComponent<ContextPanelProps & React.RefAttributes<HTMLElement>>;
+export interface NerdTreeSidebarProps extends NerdTreeProps {
+    shellClassName?: string;
+}
+export declare const NerdTreeSidebar: React.ForwardRefExoticComponent<NerdTreeSidebarProps & React.RefAttributes<HTMLDivElement>>;
+type VariantLayoutProps = Omit<MainframeLayoutProps, "variant">;
+export declare const PostLayout: React.ForwardRefExoticComponent<VariantLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const WikiLayout: React.ForwardRefExoticComponent<VariantLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CourseLayout: React.ForwardRefExoticComponent<VariantLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AdminLayout: React.ForwardRefExoticComponent<VariantLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/templates/MainframeLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { AdminLayout, ContextPanel, CourseLayout, MainContent, MainframeLayout, NerdTreeSidebar, PostLayout, WikiLayout, } from "./MainframeLayout";
+export type { ContextPanelProps, MainContentProps, MainframeLayoutProps, MainframeVariant, NerdTreeSidebarProps, } from "./MainframeLayout";

package/dist/esm/components/templates/PostTemplate/Post.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { PostBodyProps } from "../../content/MdxComponents";
+import type { PostHeaderProps } from "../../organisms/PostHeader";
+import type { PostFrontmatterData } from "../../content/PostFrontmatter";
+export interface PostProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    title: PostHeaderProps["title"];
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    headerProps?: Omit<PostHeaderProps, "title" | "children">;
+    headerExtra?: React.ReactNode;
+    bodyProps?: Omit<PostBodyProps, "children">;
+    frontmatter?: PostFrontmatterData;
+    frontmatterLabel?: React.ReactNode;
+    beforeContent?: React.ReactNode;
+    betweenHeaderAndBody?: React.ReactNode;
+    beforeBody?: React.ReactNode;
+    afterBody?: React.ReactNode;
+    afterContent?: React.ReactNode;
+    leftPanel?: React.ReactNode;
+    rightPanel?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    sidebarLabel?: string;
+    footer?: React.ReactNode;
+    stickySidebar?: boolean;
+    contentClassName?: string;
+    sidebarClassName?: string;
+}
+export declare const Post: React.ForwardRefExoticComponent<PostProps & React.RefAttributes<HTMLElement>>;
+export declare const PostTemplate: React.ForwardRefExoticComponent<PostProps & React.RefAttributes<HTMLElement>>;
+export type PostTemplateProps = PostProps;

package/dist/esm/components/templates/PostTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { Post, PostTemplate } from "./Post";
+export type { PostProps, PostTemplateProps } from "./Post";

package/dist/esm/components/templates/SiteShell/SiteShell.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { CrtShellProps } from "../../organisms/CrtShell";
+import type { HeaderLocale, HeaderNavItem, HeaderProps } from "../../organisms/Header";
+import type { FooterLink, FooterProps } from "../../organisms/Footer";
+export interface SiteShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title: string;
+    children: React.ReactNode;
+    tagline?: React.ReactNode;
+    nav?: HeaderNavItem[];
+    locales?: HeaderLocale[];
+    homeHref?: string;
+    header?: React.ReactNode;
+    headerProps?: Omit<HeaderProps, "title" | "tagline" | "nav" | "locales" | "homeHref">;
+    footer?: React.ReactNode;
+    footerLinks?: FooterLink[];
+    footerProps?: Omit<FooterProps, "brand" | "links">;
+    brand?: React.ReactNode;
+    crt?: boolean;
+    crtProps?: Omit<CrtShellProps, "children" | "className">;
+    contentId?: string;
+    skipLinkLabel?: string;
+    maxWidth?: string;
+    frameClassName?: string;
+    mainClassName?: string;
+}
+export declare const SiteShell: React.ForwardRefExoticComponent<SiteShellProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/templates/SiteShell/index.d.ts

@@ -0,0 +1,2 @@
+export { SiteShell } from "./SiteShell";
+export type { SiteShellProps } from "./SiteShell";

package/dist/esm/components/templates/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Layout";
+export * from "./MainframeLayout";
+export * from "./PostTemplate";
+export * from "./SiteShell";

package/dist/esm/foundations/animation/index.d.ts

@@ -0,0 +1,16 @@
+export declare const PHOSPHOR_ANIMATION_NAMES: readonly ["phoBlink", "phoFadeUp", "phoFlickerIn", "phoPageEnter", "phosphorBlink", "phosphorBootline", "phosphorGeigerTick", "phosphorHeroBreathe", "phosphorHeroScan", "phosphorHudBlink", "phosphorHudPulse", "phosphorLedPulse", "phosphorNoiseShift", "phosphorShellFlicker", "phosphorTapeRoll"];
+export type PhosphorAnimationName = (typeof PHOSPHOR_ANIMATION_NAMES)[number];
+export declare const PHOSPHOR_MOTION_CLASS_NAMES: {
+    readonly pageEnter: "pho-page-enter";
+    readonly fadeUp: "pho-fade-up";
+    readonly stagger: "pho-stagger";
+    readonly flickerIn: "pho-flicker-in";
+    readonly blink: "pho-blink";
+    readonly bootline: "pho-bootline";
+    readonly hsync: "pho-hsync";
+    readonly ledPulse: "pho-led-pulse";
+    readonly hudBlink: "pho-hud-blink";
+    readonly hudPulse: "pho-hud-pulse";
+    readonly geigerTick: "pho-geiger-tick";
+};
+export type PhosphorMotionClassName = (typeof PHOSPHOR_MOTION_CLASS_NAMES)[keyof typeof PHOSPHOR_MOTION_CLASS_NAMES];

package/dist/esm/foundations/effects/index.d.ts

@@ -0,0 +1,9 @@
+export declare const PHOSPHOR_EFFECT_CLASS_NAMES: {
+    readonly crt: "pho-crt";
+    readonly scanlines: "pho-scanlines";
+    readonly noise: "pho-noise";
+    readonly vignette: "pho-vignette";
+    readonly phosphorGlow: "pho-phosphor-glow";
+    readonly phosphorGlowSoft: "pho-phosphor-glow-soft";
+};
+export type PhosphorEffectClassName = (typeof PHOSPHOR_EFFECT_CLASS_NAMES)[keyof typeof PHOSPHOR_EFFECT_CLASS_NAMES];

package/dist/esm/foundations/glyphs/catalog.d.ts

@@ -0,0 +1,103 @@
+export interface GlyphItem {
+    char: string;
+    name?: string;
+}
+export declare const DEFAULT_GLYPHS: readonly [{
+    readonly char: "▌";
+    readonly name: "rail";
+}, {
+    readonly char: "▐";
+    readonly name: "rail-r";
+}, {
+    readonly char: "█";
+    readonly name: "block";
+}, {
+    readonly char: "▓";
+    readonly name: "shade-d";
+}, {
+    readonly char: "▒";
+    readonly name: "shade-m";
+}, {
+    readonly char: "░";
+    readonly name: "shade-l";
+}, {
+    readonly char: "▸";
+    readonly name: "tri-r";
+}, {
+    readonly char: "▾";
+    readonly name: "tri-d";
+}, {
+    readonly char: "▴";
+    readonly name: "tri-u";
+}, {
+    readonly char: "◂";
+    readonly name: "tri-l";
+}, {
+    readonly char: "◆";
+    readonly name: "diamond";
+}, {
+    readonly char: "◇";
+    readonly name: "diamond-o";
+}, {
+    readonly char: "◈";
+    readonly name: "diamond-i";
+}, {
+    readonly char: "●";
+    readonly name: "dot";
+}, {
+    readonly char: "○";
+    readonly name: "dot-o";
+}, {
+    readonly char: "·";
+    readonly name: "mid";
+}, {
+    readonly char: "•";
+    readonly name: "bullet";
+}, {
+    readonly char: "▶";
+    readonly name: "play";
+}, {
+    readonly char: "■";
+    readonly name: "sq";
+}, {
+    readonly char: "□";
+    readonly name: "sq-o";
+}, {
+    readonly char: "☢";
+    readonly name: "rad";
+}, {
+    readonly char: "☣";
+    readonly name: "bio";
+}, {
+    readonly char: "✶";
+    readonly name: "star";
+}, {
+    readonly char: "✷";
+    readonly name: "star-8";
+}, {
+    readonly char: "✦";
+    readonly name: "spark";
+}, {
+    readonly char: "↳";
+    readonly name: "ret";
+}, {
+    readonly char: "└";
+    readonly name: "br-bl";
+}, {
+    readonly char: "├";
+    readonly name: "br-l";
+}, {
+    readonly char: "─";
+    readonly name: "h-line";
+}, {
+    readonly char: "│";
+    readonly name: "v-line";
+}, {
+    readonly char: "╱";
+    readonly name: "slash";
+}, {
+    readonly char: "╲";
+    readonly name: "bslash";
+}];
+export type GlyphName = NonNullable<(typeof DEFAULT_GLYPHS)[number]["name"]>;
+export declare const GLYPH_CHAR_BY_NAME: Readonly<Record<string, string>>;

package/dist/esm/foundations/glyphs/index.d.ts

@@ -0,0 +1,2 @@
+export { DEFAULT_GLYPHS, GLYPH_CHAR_BY_NAME } from "./catalog";
+export type { GlyphItem } from "./catalog";

package/dist/esm/foundations/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./animation";
+export * from "./effects";
+export * from "./glyphs";
+export * from "./mdx";
+export * from "./syntax";
+export * from "./tokens";
+export * from "./typography";
+export * from "./utils";

package/dist/esm/foundations/mdx/index.d.ts

@@ -0,0 +1,3 @@
+export { mdxComponents } from "../../components/content/MdxComponents";
+export type { MdxComponents } from "../../components/content/MdxComponents";
+export { extractMdxCode } from "../../components/content/CodeBlock";

package/dist/esm/foundations/syntax/index.d.ts

@@ -0,0 +1 @@
+export { codeToPhosphorHtml, phosphorTheme } from "../../components/content/CodeBlock";

package/dist/esm/foundations/tokens/index.d.ts

@@ -0,0 +1,32 @@
+export declare const PHOSPHOR_TOKEN_CSS_PATH = "styles/tokens.css";
+export declare const PHOSPHOR_FONTS_CSS_PATH = "styles/fonts.css";
+export declare const PHOSPHOR_TYPOGRAPHY_CSS_PATH = "styles/typography.css";
+export declare const PHOSPHOR_GLOBAL_CSS_PATH = "styles/global.css";
+export declare const PHOSPHOR_COMPONENTS_CSS_PATH = "styles/components.css";
+export declare const PHOSPHOR_FULL_CSS_PATH = "styles/phosphor.css";
+export declare const PHOSPHOR_CSS_ENTRYPOINTS: {
+    readonly full: "styles/phosphor.css";
+    readonly fonts: "styles/fonts.css";
+    readonly tokens: "styles/tokens.css";
+    readonly typography: "styles/typography.css";
+    readonly global: "styles/global.css";
+    readonly components: "styles/components.css";
+};
+export declare const PHOSPHOR_TOKEN_GROUPS: {
+    readonly color: readonly ["--pho-color-background", "--pho-color-background-raised", "--pho-color-background-deep", "--pho-color-text", "--pho-color-text-strong", "--pho-color-text-muted", "--pho-color-text-faint", "--pho-color-primary", "--pho-color-primary-strong", "--pho-color-primary-muted", "--pho-color-primary-faint", "--pho-color-accent", "--pho-color-accent-strong", "--pho-color-accent-muted", "--pho-color-accent-faint", "--pho-color-info", "--pho-color-success", "--pho-color-highlight", "--pho-color-link", "--pho-color-link-hover", "--pho-color-inverse", "--pho-color-selection-bg", "--pho-color-selection-text", "--pho-color-surface", "--pho-color-surface-deep", "--pho-color-border", "--pho-color-border-strong", "--pho-color-danger", "--pho-color-danger-strong", "--pho-color-danger-emphasis", "--pho-color-danger-contrast", "--pho-color-danger-muted", "--pho-color-danger-faint", "--pho-color-danger-subtle", "--pho-color-danger-glow", "--pho-color-danger-glow-soft", "--pho-color-warning", "--pho-color-warning-strong", "--pho-color-warning-muted", "--pho-color-warning-faint", "--pho-color-status-draft", "--pho-color-status-published", "--pho-color-status-archived", "--pho-color-status-locked", "--pho-color-status-current", "--pho-color-status-missing"];
+    readonly font: readonly ["--pho-font-display", "--pho-font-heading", "--pho-font-body", "--pho-font-code", "--pho-font-terminal"];
+    readonly type: readonly ["--pho-type-h1-size", "--pho-type-h2-size", "--pho-type-h3-size", "--pho-type-h4-size", "--pho-type-h5-size", "--pho-type-h6-size", "--pho-type-lead-size", "--pho-type-body-size", "--pho-type-small-size", "--pho-type-caption-size", "--pho-type-micro-size", "--pho-type-ui-xs-size", "--pho-type-ui-sm-size", "--pho-type-label-size", "--pho-type-mono-size", "--pho-type-control-size", "--pho-type-control-sm-size", "--pho-type-control-lg-size", "--pho-type-icon-sm-size", "--pho-type-icon-md-size", "--pho-type-icon-lg-size", "--pho-line-tight", "--pho-line-snug", "--pho-line-normal", "--pho-line-prose", "--pho-line-control", "--pho-line-caption", "--pho-tracking-tight", "--pho-tracking-normal", "--pho-tracking-wide", "--pho-tracking-wider", "--pho-tracking-stamp"];
+    readonly space: readonly ["--pho-space-0", "--pho-space-1", "--pho-space-2", "--pho-space-3", "--pho-space-4", "--pho-space-5", "--pho-space-6", "--pho-space-7", "--pho-size-touch-target", "--pho-size-content", "--pho-size-prose"];
+    readonly alpha: readonly ["--pho-alpha-primary-01", "--pho-alpha-primary-02", "--pho-alpha-primary-03", "--pho-alpha-primary-04", "--pho-alpha-primary-05", "--pho-alpha-primary-06", "--pho-alpha-primary-07", "--pho-alpha-primary-08", "--pho-alpha-primary-10", "--pho-alpha-primary-12", "--pho-alpha-primary-14", "--pho-alpha-primary-16", "--pho-alpha-primary-18", "--pho-alpha-primary-22", "--pho-alpha-primary-28", "--pho-alpha-primary-35", "--pho-alpha-primary-45", "--pho-alpha-accent-04", "--pho-alpha-accent-08", "--pho-alpha-accent-12", "--pho-alpha-accent-14", "--pho-alpha-surface-45", "--pho-alpha-surface-62", "--pho-alpha-surface-72", "--pho-alpha-surface-82"];
+    readonly layout: readonly ["--pho-layout-site-max", "--pho-layout-content-max", "--pho-layout-prose-max", "--pho-layout-sidebar-width", "--pho-layout-toc-width", "--pho-layout-admin-sidebar-width", "--pho-layout-gutter", "--pho-layout-sticky-top", "--pho-bp-xs", "--pho-bp-sm", "--pho-bp-md", "--pho-bp-lg", "--pho-bp-xl"];
+    readonly motion: readonly ["--pho-motion-fast", "--pho-motion-base", "--pho-motion-slow", "--pho-ease-out", "--pho-ease-terminal"];
+    readonly component: readonly ["--pho-card-border", "--pho-card-bg", "--pho-card-padding", "--pho-thumb-post-w", "--pho-thumb-post-h", "--pho-thumb-post-w-sm", "--pho-thumb-post-h-sm", "--pho-ascii-glow-pad-x", "--pho-ascii-glow-pad-y"];
+    readonly border: readonly ["--pho-border-frame", "--pho-border-line", "--pho-border-dashed", "--pho-border-dotted", "--pho-border-accent", "--pho-border-accent-dashed", "--pho-rail-strong", "--pho-rail-quote", "--pho-focus-ring", "--pho-focus-offset", "--pho-radius-none", "--pho-radius-sm", "--pho-radius-md"];
+    readonly effect: readonly ["--pho-glow-primary", "--pho-glow-accent", "--pho-glow-info", "--pho-glow-primary-soft", "--pho-glow-accent-soft", "--pho-glow-readable", "--pho-cursor-default", "--pho-cursor-pointer", "--pho-cursor-text", "--pho-cursor-disabled"];
+    readonly layer: readonly ["--pho-z-deep", "--pho-z-default", "--pho-z-raised", "--pho-z-fx-noise", "--pho-z-fx-vignette", "--pho-z-fx-frame", "--pho-z-fx-flicker", "--pho-z-shell", "--pho-z-backdrop", "--pho-z-drawer"];
+    readonly scrollbar: readonly ["--pho-scrollbar-size", "--pho-scrollbar-track", "--pho-scrollbar-thumb", "--pho-scrollbar-thumb-hover", "--pho-scrollbar-thumb-active"];
+};
+export type PhosphorTokenGroup = keyof typeof PHOSPHOR_TOKEN_GROUPS;
+export type PhosphorTokenName = (typeof PHOSPHOR_TOKEN_GROUPS)[PhosphorTokenGroup][number];
+export declare const PHOSPHOR_TOKENS: PhosphorTokenName[];
+export declare function phosphorVar(token: PhosphorTokenName, fallback?: string): string;

package/dist/esm/foundations/typography/index.d.ts

@@ -0,0 +1,8 @@
+export { TYPOGRAPHY_CLASS_BY_VARIANT, TYPOGRAPHY_DEFAULT_TAG_BY_VARIANT, } from "./variants";
+export type { TypographyVariant } from "./variants";
+export { Heading, H1, H2, H3, H4, H5, H6, } from "../../components/atoms/Headings";
+export type { HeadingGlyphPosition, HeadingLevel, HeadingProps, } from "../../components/atoms/Headings";
+export { default as Text } from "../../components/atoms/Text";
+export type { TextAlign, TextProps, TextTone, TextTransform, TextVariant, } from "../../components/atoms/Text";
+export { default as Prose } from "../../components/content/Prose";
+export type { ProseProps } from "../../components/content/Prose";

package/dist/esm/foundations/typography/variants.d.ts

@@ -0,0 +1,3 @@
+export type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "lead" | "body" | "small" | "caption" | "mono" | "code" | "terminal" | "stamp" | "prompt" | "glow" | "glow-pale" | "muted" | "dim" | "faded";
+export declare const TYPOGRAPHY_CLASS_BY_VARIANT: Record<TypographyVariant, string>;
+export declare const TYPOGRAPHY_DEFAULT_TAG_BY_VARIANT: Record<TypographyVariant, keyof JSX.IntrinsicElements>;

package/dist/esm/foundations/utils/index.d.ts

@@ -0,0 +1 @@
+export { slugify } from "./slug";

package/dist/esm/foundations/utils/slug.d.ts

@@ -0,0 +1 @@
+export declare function slugify(value: string): string;

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useReadingProgress } from "./useReadingProgress";
+export { useHashRoute } from "./useHashRoute";
+export type { HashRouteMatchers, UseHashRouteOptions } from "./useHashRoute";

package/dist/esm/hooks/useHashRoute.d.ts

@@ -0,0 +1,6 @@
+export type HashRouteMatchers<R extends string> = Record<R, RegExp | ((hash: string) => boolean)>;
+export interface UseHashRouteOptions<R extends string> {
+    routes: HashRouteMatchers<R>;
+    fallback: R;
+}
+export declare const useHashRoute: <R extends string>({ routes, fallback, }: UseHashRouteOptions<R>) => [R, (hash: string) => void];

package/dist/esm/hooks/useReadingProgress.d.ts

@@ -0,0 +1,4 @@
+export declare const useReadingProgress: <T extends HTMLElement = HTMLElement>() => {
+    ref: import("react").MutableRefObject<T | null>;
+    pct: number;
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './foundations';
+export * from './hooks';