@northstar-js/react 0.0.0-stage → 0.2.0

package/dist/provider.d.ts

@@ -0,0 +1,82 @@
+export type ThemeSetting = 'night' | 'day' | 'system';
+export type ResolvedTheme = 'night' | 'day';
+export type Density = 'compact' | 'default' | 'comfortable';
+/** Surface material. `glass` is liquid glass (refraction on Chromium, blur and specular elsewhere); it falls back to solid on its own. */
+export type Material = 'solid' | 'glass';
+/**
+ * Button finish. `spin` (default) is machined metal: a conic sweep under a
+ * fine concentric grain, Glacier-anodized on primary. `soft` is the tonal
+ * fill with the tactile texture.
+ */
+export type ButtonFinish = 'spin' | 'soft';
+/** Every user-visible string the basic components render. English is the default. */
+export interface Messages {
+    close: string;
+    dismiss: string;
+    loading: string;
+    clear: string;
+    search: string;
+    increment: string;
+    decrement: string;
+    breadcrumbs: string;
+    pagination: string;
+    previousPage: string;
+    nextPage: string;
+    page: (n: number) => string;
+    noResults: string;
+    stale: string;
+    notifications: string;
+    remove: (label: string) => string;
+    sidebar: string;
+    flowSteps: string;
+    flowProgress: string;
+    flowComplete: string;
+    step: (n: number, total: number) => string;
+    flowNext: (step: string) => string;
+    flowBack: string;
+    flowFinish: string;
+}
+export declare const en: Messages;
+export interface NorthstarContextValue {
+    theme: ThemeSetting;
+    resolvedTheme: ResolvedTheme;
+    density: Density;
+    messages: Messages;
+    /** Default material for overlays, toasts and surfaces that do not set their own. */
+    material: Material;
+    /** Default finish for buttons that do not set their own. */
+    buttonFinish: ButtonFinish;
+    setTheme: (theme: ThemeSetting) => void;
+}
+/** Theme, density and messages. Works without a provider (Night, default, English). */
+export declare function useNorthstar(): NorthstarContextValue;
+export interface NorthstarProviderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    theme?: ThemeSetting;
+    density?: Density;
+    messages?: Partial<Messages>;
+    /** Default material for overlays, toasts and surfaces. Default `solid`. */
+    material?: Material;
+    /**
+     * Default button finish. `spin` (default) or `soft`. Buttons that set
+     * `finish` keep their own. Also written as `data-button-finish` on the root,
+     * so plain `.ns-button` elements inside follow it too.
+     */
+    buttonFinish?: ButtonFinish;
+    /** Also write data-theme/data-density on <html> (for full-page apps). */
+    applyToDocument?: boolean;
+    /** Insert the shared liquid-glass filter defs (once per document). Default true. */
+    liquidGlass?: boolean;
+    onThemeChange?: (theme: ThemeSetting) => void;
+    children?: React.ReactNode;
+}
+/**
+ * Sets `data-theme` and `data-density` on its root element. For an explicit
+ * theme the attribute is in the server HTML, so there is no flash. For
+ * `system` the server omits it and tokens.css follows prefers-color-scheme.
+ */
+export declare function NorthstarProvider({ theme: themeProp, density, messages, material, buttonFinish, applyToDocument, liquidGlass, onThemeChange, className, children, ...rest }: NorthstarProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Renders into document.body, carrying the provider's theme, density and button finish. */
+export declare function Portal({ children }: {
+    children: React.ReactNode;
+}): import("react").ReactPortal | null;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}

package/dist/provider.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { cx } from './internal/util.js';
+import { useLiquidDefs } from './glass.js';
+const useIsoLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+export const en = {
+    close: 'Close',
+    dismiss: 'Dismiss',
+    loading: 'Loading',
+    clear: 'Clear',
+    search: 'Search',
+    increment: 'Increase',
+    decrement: 'Decrease',
+    breadcrumbs: 'Breadcrumbs',
+    pagination: 'Pagination',
+    previousPage: 'Previous page',
+    nextPage: 'Next page',
+    page: (n) => `Page ${n}`,
+    noResults: 'No results',
+    stale: 'Stale',
+    notifications: 'Notifications',
+    remove: (label) => `Remove ${label}`,
+    sidebar: 'Sidebar',
+    flowSteps: 'Steps',
+    flowProgress: 'Progress',
+    flowComplete: 'complete',
+    step: (n, total) => `Step ${n} of ${total}`,
+    flowNext: (step) => `Continue to ${step}`,
+    flowBack: 'Back',
+    flowFinish: 'Finish',
+};
+const fallback = {
+    theme: 'night',
+    resolvedTheme: 'night',
+    density: 'default',
+    messages: en,
+    material: 'solid',
+    buttonFinish: 'spin',
+    setTheme: () => { },
+};
+const NorthstarContext = createContext(fallback);
+/** Theme, density and messages. Works without a provider (Night, default, English). */
+export function useNorthstar() {
+    return useContext(NorthstarContext);
+}
+function systemTheme() {
+    if (typeof window === 'undefined' || !window.matchMedia)
+        return 'night';
+    return window.matchMedia('(prefers-color-scheme: light)').matches ? 'day' : 'night';
+}
+/**
+ * Sets `data-theme` and `data-density` on its root element. For an explicit
+ * theme the attribute is in the server HTML, so there is no flash. For
+ * `system` the server omits it and tokens.css follows prefers-color-scheme.
+ */
+export function NorthstarProvider({ theme: themeProp = 'system', density = 'default', messages, material = 'solid', buttonFinish = 'spin', applyToDocument = false, liquidGlass = true, onThemeChange, className, children, ...rest }) {
+    const [theme, setThemeState] = useState(themeProp);
+    useEffect(() => setThemeState(themeProp), [themeProp]);
+    const [system, setSystem] = useState(null);
+    useLiquidDefs(liquidGlass);
+    useEffect(() => {
+        if (theme !== 'system' || typeof window === 'undefined' || !window.matchMedia)
+            return;
+        const mq = window.matchMedia('(prefers-color-scheme: light)');
+        const update = () => setSystem(mq.matches ? 'day' : 'night');
+        update();
+        mq.addEventListener?.('change', update);
+        return () => mq.removeEventListener?.('change', update);
+    }, [theme]);
+    const resolvedTheme = theme === 'system' ? (system ?? systemTheme()) : theme;
+    const attrTheme = theme === 'system' ? (system ?? undefined) : theme;
+    useEffect(() => {
+        if (!applyToDocument)
+            return;
+        const html = document.documentElement;
+        if (attrTheme)
+            html.setAttribute('data-theme', attrTheme);
+        else
+            html.removeAttribute('data-theme');
+        html.setAttribute('data-density', density);
+    }, [applyToDocument, attrTheme, density]);
+    const value = useMemo(() => ({
+        theme,
+        resolvedTheme,
+        density,
+        messages: { ...en, ...messages },
+        material,
+        buttonFinish,
+        setTheme: (t) => {
+            setThemeState(t);
+            onThemeChange?.(t);
+        },
+    }), [theme, resolvedTheme, density, messages, material, buttonFinish, onThemeChange]);
+    return (_jsx(NorthstarContext.Provider, { value: value, children: _jsx("div", { ...rest, className: cx('ns-root', className), "data-theme": attrTheme, "data-density": density, "data-button-finish": buttonFinish, children: children }) }));
+}
+/** Renders into document.body, carrying the provider's theme, density and button finish. */
+export function Portal({ children }) {
+    const { theme, resolvedTheme, density, buttonFinish } = useNorthstar();
+    // The host exists from the first client render and is attached in a layout
+    // effect, so by the time any passive effect (focus trap, initial focus) runs
+    // the content is in the document. On the server nothing is rendered.
+    const [host] = useState(() => {
+        if (typeof document === 'undefined')
+            return null;
+        const el = document.createElement('div');
+        el.className = 'ns-root ns-portal';
+        return el;
+    });
+    useIsoLayoutEffect(() => {
+        if (!host)
+            return;
+        host.setAttribute('data-theme', theme === 'system' ? resolvedTheme : theme);
+        host.setAttribute('data-density', density);
+        host.setAttribute('data-button-finish', buttonFinish);
+    }, [host, theme, resolvedTheme, density, buttonFinish]);
+    useIsoLayoutEffect(() => {
+        if (!host)
+            return;
+        document.body.appendChild(host);
+        return () => {
+            host.remove();
+        };
+    }, [host]);
+    return host ? createPortal(children, host) : null;
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}