@cronos-labs/ui 0.8.0 → 0.9.0

package/dist/LocaleSelector/index.d.ts

@@ -1,9 +1,8 @@
-interface LocaleSelectorProps {
-    ariaLabel: string;
-    forceDocumentNavigation?: boolean;
-    inlineMenu?: boolean;
-    menuPlacement?: 'down' | 'up';
-    onLocaleSelect?: (() => void) | undefined;
-}
-export declare function LocaleSelector({ ariaLabel, forceDocumentNavigation, inlineMenu, menuPlacement, onLocaleSelect, }: LocaleSelectorProps): React.JSX.Element;
-export {};
+import { type LocaleSelectorProps } from './view.js';
+export type { LocaleSelectorProps } from './view.js';
+/**
+ * Standalone locale selector for apps with a react-router `<Router>` above it.
+ * Inside `Header`/`Footer` the view is rendered directly and shares their
+ * navigation location.
+ */
+export declare function LocaleSelector(props: LocaleSelectorProps): React.JSX.Element;

package/dist/LocaleSelector/index.js

@@ -1,62 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { localeConfig } from '../locale/config.js';
-import { useCurrentLocale } from '../locale/hooks.js';
-import { setStoredLocalePreference } from '../locale/localePreference.js';
-import { buildLocalizedPath, stripLocalePrefix } from '../locale/routes.js';
-import { LocaleSelectorButton, LocaleSelectorChevron, LocaleSelectorIcon, LocaleSelectorMenu, LocaleSelectorOption, LocaleSelectorOptionList, LocaleSelectorRoot, LocaleSelectorText, } from './styles.js';
-export function LocaleSelector({ ariaLabel, forceDocumentNavigation = false, inlineMenu = false, menuPlacement = 'up', onLocaleSelect, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const selectorRef = useRef(null);
-    const locale = useCurrentLocale();
-    const location = useLocation();
-    const navigate = useNavigate();
-    const menuId = 'footer-locale-menu';
-    const currentLocaleLabel = localeConfig.locales[locale].selectorLabel;
-    const localeOptions = localeConfig.supportedLocales.map((optionLocale) => ({
-        isCurrent: optionLocale === locale,
-        label: localeConfig.locales[optionLocale].selectorLabel,
-        locale: optionLocale,
-    }));
-    useEffect(() => {
-        setIsOpen(false);
-    }, [location.pathname, location.hash]);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const handlePointerDown = (event) => {
-            if (event.target instanceof Node && selectorRef.current?.contains(event.target)) {
-                return;
-            }
-            setIsOpen(false);
-        };
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener('pointerdown', handlePointerDown);
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('pointerdown', handlePointerDown);
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [isOpen]);
-    const buildLocaleTarget = (targetLocale) => {
-        const targetPathname = buildLocalizedPath(stripLocalePrefix(location.pathname), targetLocale);
-        return `${targetPathname}${location.search}${location.hash}`;
-    };
-    const handleLocaleSelect = (targetLocale) => {
-        const targetHref = buildLocaleTarget(targetLocale);
-        setStoredLocalePreference(targetLocale);
-        setIsOpen(false);
-        onLocaleSelect?.();
-        if (forceDocumentNavigation) {
-            window.location.assign(targetHref);
-            return;
-        }
-        void navigate(targetHref);
-    };
-    return (_jsxs(LocaleSelectorRoot, { ref: selectorRef, "$inlineMenu": inlineMenu, children: [_jsxs(LocaleSelectorButton, { type: "button", "aria-label": ariaLabel, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": menuId, onClick: () => setIsOpen((currentValue) => !currentValue), children: [_jsx(LocaleSelectorIcon, { "aria-hidden": "true" }), _jsx(LocaleSelectorText, { children: currentLocaleLabel }), _jsx(LocaleSelectorChevron, { "$open": isOpen, "aria-hidden": "true" })] }), isOpen ? (_jsx(LocaleSelectorMenu, { id: menuId, role: "menu", "aria-label": "Language options", "$inline": inlineMenu, "$placement": menuPlacement, children: _jsx(LocaleSelectorOptionList, { children: localeOptions.map((option) => (_jsx(LocaleSelectorOption, { type: "button", role: "menuitemradio", "aria-checked": option.isCurrent, "$active": option.isCurrent, onClick: () => handleLocaleSelect(option.locale), children: _jsx("span", { children: option.label }) }, option.label))) }) })) : null] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RouterNavigationProvider } from '../navigation/router.js';
+import { LocaleSelectorView } from './view.js';
+/**
+ * Standalone locale selector for apps with a react-router `<Router>` above it.
+ * Inside `Header`/`Footer` the view is rendered directly and shares their
+ * navigation location.
+ */
+export function LocaleSelector(props) {
+    return (_jsx(RouterNavigationProvider, { children: _jsx(LocaleSelectorView, { ...props }) }));
 }

package/dist/LocaleSelector/view.d.ts

@@ -0,0 +1,8 @@
+export interface LocaleSelectorProps {
+    ariaLabel: string;
+    forceDocumentNavigation?: boolean;
+    inlineMenu?: boolean;
+    menuPlacement?: 'down' | 'up';
+    onLocaleSelect?: (() => void) | undefined;
+}
+export declare function LocaleSelectorView({ ariaLabel, forceDocumentNavigation, inlineMenu, menuPlacement, onLocaleSelect, }: LocaleSelectorProps): React.JSX.Element;

package/dist/LocaleSelector/view.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+import { localeConfig } from '../locale/config.js';
+import { setStoredLocalePreference } from '../locale/localePreference.js';
+import { buildLocalizedPath, stripLocalePrefix } from '../locale/routes.js';
+import { useNavigationLocation } from '../navigation/context.js';
+import { LocaleSelectorButton, LocaleSelectorChevron, LocaleSelectorIcon, LocaleSelectorMenu, LocaleSelectorOption, LocaleSelectorOptionList, LocaleSelectorRoot, LocaleSelectorText, } from './styles.js';
+export function LocaleSelectorView({ ariaLabel, forceDocumentNavigation = false, inlineMenu = false, menuPlacement = 'up', onLocaleSelect, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const selectorRef = useRef(null);
+    const { locale, pathname, search, hash, navigate } = useNavigationLocation();
+    const menuId = useId();
+    const currentLocaleLabel = localeConfig.locales[locale].selectorLabel;
+    const localeOptions = localeConfig.supportedLocales.map((optionLocale) => ({
+        isCurrent: optionLocale === locale,
+        label: localeConfig.locales[optionLocale].selectorLabel,
+        locale: optionLocale,
+    }));
+    useEffect(() => {
+        setIsOpen(false);
+    }, [pathname, hash]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handlePointerDown = (event) => {
+            if (event.target instanceof Node && selectorRef.current?.contains(event.target)) {
+                return;
+            }
+            setIsOpen(false);
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('pointerdown', handlePointerDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen]);
+    const buildLocaleTarget = (targetLocale) => {
+        const targetPathname = buildLocalizedPath(stripLocalePrefix(pathname), targetLocale);
+        return `${targetPathname}${search}${hash}`;
+    };
+    const handleLocaleSelect = (targetLocale) => {
+        const targetHref = buildLocaleTarget(targetLocale);
+        setStoredLocalePreference(targetLocale);
+        setIsOpen(false);
+        onLocaleSelect?.();
+        if (forceDocumentNavigation) {
+            window.location.assign(targetHref);
+            return;
+        }
+        navigate(targetHref);
+    };
+    return (_jsxs(LocaleSelectorRoot, { ref: selectorRef, "$inlineMenu": inlineMenu, children: [_jsxs(LocaleSelectorButton, { type: "button", "aria-label": ariaLabel, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": menuId, onClick: () => setIsOpen((currentValue) => !currentValue), children: [_jsx(LocaleSelectorIcon, { "aria-hidden": "true" }), _jsx(LocaleSelectorText, { children: currentLocaleLabel }), _jsx(LocaleSelectorChevron, { "$open": isOpen, "aria-hidden": "true" })] }), isOpen ? (_jsx(LocaleSelectorMenu, { id: menuId, role: "menu", "aria-label": "Language options", "$inline": inlineMenu, "$placement": menuPlacement, children: _jsx(LocaleSelectorOptionList, { children: localeOptions.map((option) => (_jsx(LocaleSelectorOption, { type: "button", role: "menuitemradio", "aria-checked": option.isCurrent, "$active": option.isCurrent, onClick: () => handleLocaleSelect(option.locale), children: _jsx("span", { children: option.label }) }, option.label))) }) })) : null] }));
+}

package/dist/config/eslintConfig.d.ts

@@ -1,6 +1,23 @@
 export interface ReactEslintConfigOptions {
     ignores?: string[];
+    /**
+     * Globs, relative to `tsconfigRootDir`, for files that belong to no
+     * tsconfig but should still be linted — config files at the repo root, and
+     * build scripts under `scripts/`. typescript-eslint reads this from inside
+     * `projectService`, so passing it as a sibling silently does nothing.
+     */
     allowDefaultProject?: string[];
+    /**
+     * Globs for plain Node files — build scripts, codegen — that should be
+     * linted but are not part of the React app: Node globals instead of
+     * browser, and no type-aware rules, since they have no types to check and
+     * every value reads as `any`. Defaults to none, so a consumer opts in.
+     *
+     * These are folded into `allowDefaultProject`, which typescript-eslint
+     * refuses to match with `**` — use a single-level glob such as
+     * `scripts/*.mjs`.
+     */
+    nodeScripts?: string[];
     tsconfigRootDir: string;
 }
 export declare const createReactEslintConfig: (options: ReactEslintConfigOptions) => import("typescript-eslint").FlatConfig.ConfigArray;

package/dist/config/eslintConfig.js

@@ -4,28 +4,57 @@ import tseslint from 'typescript-eslint';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import eslintConfigPrettier from 'eslint-config-prettier';
-export const createReactEslintConfig = (options) => tseslint.config({
-    ignores: options.ignores ?? ['dist', 'coverage', 'node_modules', 'eslint.config.mjs'],
-}, js.configs.recommended, ...tseslint.configs.recommendedTypeChecked, ...tseslint.configs.stylisticTypeChecked, {
-    languageOptions: {
-        ecmaVersion: 2023,
-        globals: {
-            ...globals.browser,
+export const createReactEslintConfig = (options) => {
+    // Node scripts are outside every tsconfig by definition, so they need to be
+    // in the default-project allowlist as well as having type-aware rules off.
+    // Folding that in here means a consumer names them once.
+    const allowDefaultProject = [
+        ...(options.allowDefaultProject ?? ['*.{js,mjs,cjs,ts}']),
+        ...(options.nodeScripts ?? []),
+    ];
+    return tseslint.config({
+        ignores: options.ignores ?? ['dist', 'coverage', 'node_modules', 'eslint.config.mjs'],
+    }, js.configs.recommended, ...tseslint.configs.recommendedTypeChecked, ...tseslint.configs.stylisticTypeChecked, {
+        languageOptions: {
+            ecmaVersion: 2023,
+            globals: {
+                ...globals.browser,
+            },
+            parserOptions: {
+                // `allowDefaultProject` is an option *of* the project service, not a
+                // sibling of it. Passing `projectService: true` alongside it left
+                // the allowlist unread, so any file outside a tsconfig was simply
+                // skipped rather than linted.
+                projectService: {
+                    allowDefaultProject,
+                },
+                tsconfigRootDir: options.tsconfigRootDir,
+            },
         },
-        parserOptions: {
-            projectService: true,
-            allowDefaultProject: options.allowDefaultProject ?? ['*.{js,mjs,cjs,ts}'],
-            tsconfigRootDir: options.tsconfigRootDir,
+        plugins: {
+            'react-hooks': reactHooks,
+            'react-refresh': reactRefresh,
         },
-    },
-    plugins: {
-        'react-hooks': reactHooks,
-        'react-refresh': reactRefresh,
-    },
-    rules: {
-        ...reactHooks.configs.recommended.rules,
-        'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
-        '@typescript-eslint/no-explicit-any': 'error',
-        '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
-    },
-}, eslintConfigPrettier);
+        rules: {
+            ...reactHooks.configs.recommended.rules,
+            'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+            '@typescript-eslint/no-explicit-any': 'error',
+            '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
+        },
+    }, 
+    // Plain Node files, opted into by the consumer. Type-aware rules are
+    // switched off for them with typescript-eslint's own
+    // `disableTypeChecked`: a .mjs build script has no types, so every value
+    // reads as `any` and the unsafe-* rules fire on correct code.
+    ...(options.nodeScripts?.length
+        ? [
+            {
+                files: options.nodeScripts,
+                ...tseslint.configs.disableTypeChecked,
+                languageOptions: {
+                    globals: { ...globals.node },
+                },
+            },
+        ]
+        : []), eslintConfigPrettier);
+};

package/dist/index.d.ts

@@ -11,7 +11,11 @@ export { Seo, type RouteSeoMeta } from './Seo/index.js';
 export { LocaleSelector } from './LocaleSelector/index.js';
 export { Header, type HeaderPresentationVariant, type HeaderPresentationState, type HeaderNavChild, type HeaderNavItem, type HeaderContent, type HeaderWaitlistCta, } from './Header/index.js';
 export { normalizePathname } from './Header/helper.js';
+export { HeaderStatic, type HeaderStaticProps } from './Header/static.js';
 export { Footer, type FooterLinkItem, type FooterLinkGroup, type FooterLegalLinkItem, type FooterContent, } from './Footer/index.js';
+export { FooterStatic, type FooterStaticProps } from './Footer/static.js';
+export { useNavigationLocation, type NavigationLocation } from './navigation/context.js';
+export { StaticNavigationProvider } from './navigation/static.js';
 export { navigationContent } from './navigationContent.js';
 export type { NavigationContent } from './navigationContent.js';
 export { interpolateMessageTemplate } from './format.js';

package/dist/index.js

@@ -9,7 +9,11 @@ export { Seo } from './Seo/index.js';
 export { LocaleSelector } from './LocaleSelector/index.js';
 export { Header, } from './Header/index.js';
 export { normalizePathname } from './Header/helper.js';
+export { HeaderStatic } from './Header/static.js';
 export { Footer, } from './Footer/index.js';
+export { FooterStatic } from './Footer/static.js';
+export { useNavigationLocation } from './navigation/context.js';
+export { StaticNavigationProvider } from './navigation/static.js';
 export { navigationContent } from './navigationContent.js';
 export { interpolateMessageTemplate } from './format.js';
 export { SectionAnchorNav } from './SectionAnchorNav/index.js';

package/dist/navigation/context.d.ts

@@ -0,0 +1,26 @@
+import type { AppLocale } from '../locale/types.js';
+/**
+ * The slice of router state the chrome components read: where the page is
+ * and how to move it. `Header`, `Footer` and `LocaleSelector` consume it, so
+ * the same view code runs under react-router (see ./router.tsx) and on the
+ * static Astro sites, which have no router and pass the location as props
+ * (see ./static.tsx).
+ */
+export interface NavigationLocation {
+    locale: AppLocale;
+    pathname: string;
+    search: string;
+    hash: string;
+    /** Client-side navigation when a router is present; a document load otherwise. */
+    navigate: (to: string) => void;
+}
+export declare const NavigationLocationProvider: import("react").Provider<NavigationLocation | null>;
+/**
+ * Reads the current navigation location. Throws outside a provider: a chrome
+ * component rendered with neither a router nor explicit location props would
+ * otherwise build every href against a guessed locale.
+ *
+ * @returns the current location and a navigate function
+ * @throws {Error} when no `Header`/`Footer` wrapper or `StaticNavigationProvider` is above
+ */
+export declare const useNavigationLocation: () => NavigationLocation;

package/dist/navigation/context.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'react';
+const NavigationLocationContext = createContext(null);
+export const NavigationLocationProvider = NavigationLocationContext.Provider;
+/**
+ * Reads the current navigation location. Throws outside a provider: a chrome
+ * component rendered with neither a router nor explicit location props would
+ * otherwise build every href against a guessed locale.
+ *
+ * @returns the current location and a navigate function
+ * @throws {Error} when no `Header`/`Footer` wrapper or `StaticNavigationProvider` is above
+ */
+export const useNavigationLocation = () => {
+    const value = useContext(NavigationLocationContext);
+    if (value === null) {
+        throw new Error('No navigation location: render <Header>/<Footer> inside a react-router <Router>, or use <HeaderStatic>/<FooterStatic> with explicit locale and pathname.');
+    }
+    return value;
+};

package/dist/navigation/router.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+interface RouterNavigationProviderProps {
+    children: ReactNode;
+}
+/**
+ * Location backed by react-router. The only module the chrome components
+ * reach react-router through, so a consumer that imports the static variants
+ * never pulls the router into its bundle.
+ */
+export declare function RouterNavigationProvider({ children, }: RouterNavigationProviderProps): React.JSX.Element;
+export {};

package/dist/navigation/router.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useCurrentLocale } from '../locale/hooks.js';
+import { NavigationLocationProvider } from './context.js';
+/**
+ * Location backed by react-router. The only module the chrome components
+ * reach react-router through, so a consumer that imports the static variants
+ * never pulls the router into its bundle.
+ */
+export function RouterNavigationProvider({ children, }) {
+    const locale = useCurrentLocale();
+    const location = useLocation();
+    const navigate = useNavigate();
+    const value = useMemo(() => ({
+        locale,
+        pathname: location.pathname,
+        search: location.search,
+        hash: location.hash,
+        navigate: (to) => {
+            void navigate(to);
+        },
+    }), [locale, location.hash, location.pathname, location.search, navigate]);
+    return _jsx(NavigationLocationProvider, { value: value, children: children });
+}

package/dist/navigation/static.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { AppLocale } from '../locale/types.js';
+interface StaticNavigationProviderProps {
+    locale: AppLocale;
+    pathname: string;
+    search?: string | undefined;
+    hash?: string | undefined;
+    children: ReactNode;
+}
+/**
+ * Location for sites without a client router: every navigation is a full
+ * document load, so `navigate` is `window.location.assign`.
+ */
+export declare function StaticNavigationProvider({ locale, pathname, search, hash, children, }: StaticNavigationProviderProps): React.JSX.Element;
+export {};

package/dist/navigation/static.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { NavigationLocationProvider } from './context.js';
+/**
+ * Location for sites without a client router: every navigation is a full
+ * document load, so `navigate` is `window.location.assign`.
+ */
+export function StaticNavigationProvider({ locale, pathname, search = '', hash = '', children, }) {
+    const value = useMemo(() => ({
+        locale,
+        pathname,
+        search,
+        hash,
+        navigate: (to) => {
+            window.location.assign(to);
+        },
+    }), [hash, locale, pathname, search]);
+    return _jsx(NavigationLocationProvider, { value: value, children: children });
+}

package/dist/navigationContent.d.ts

@@ -8,6 +8,12 @@ export interface NavigationContent {
         joinWaitlist: string;
         waitlistEmailCta: string;
         soon: string;
+        /** Label of the Cronos Launch entry (a product name; not translated). */
+        launch: string;
+        /** Label of the Network dropdown. */
+        network: string;
+        /** Label of the skip-to-content link the Header renders when given. */
+        skipToContent: string;
         localeSelectorAriaLabel: string;
     };
     footer: {

package/dist/navigationContent.js

@@ -9,6 +9,9 @@ export const navigationContent = {
             joinWaitlist: 'Join Waitlist',
             waitlistEmailCta: 'Enter your email to join waitlist',
             soon: 'Soon',
+            launch: 'Launch',
+            network: 'Network',
+            skipToContent: 'Skip to content',
             localeSelectorAriaLabel: 'Select language',
         },
         footer: {
@@ -70,6 +73,9 @@ export const navigationContent = {
             joinWaitlist: 'Join Waitlist',
             waitlistEmailCta: 'Enter your email to join waitlist',
             soon: 'Soon',
+            launch: 'Launch',
+            network: 'Network',
+            skipToContent: 'Skip to content',
             localeSelectorAriaLabel: 'Select language',
         },
         footer: {
@@ -131,6 +137,9 @@ export const navigationContent = {
             joinWaitlist: 'Join Waitlist',
             waitlistEmailCta: 'Enter your email to join waitlist',
             soon: 'Soon',
+            launch: 'Launch',
+            network: 'Network',
+            skipToContent: 'Skip to content',
             localeSelectorAriaLabel: 'Select language',
         },
         footer: {
@@ -192,6 +201,9 @@ export const navigationContent = {
             joinWaitlist: 'Join Waitlist',
             waitlistEmailCta: 'Enter your email to join waitlist',
             soon: 'Soon',
+            launch: 'Launch',
+            network: 'Network',
+            skipToContent: 'Skip to content',
             localeSelectorAriaLabel: 'Select language',
         },
         footer: {
@@ -253,6 +265,9 @@ export const navigationContent = {
             joinWaitlist: 'Entrar na lista',
             waitlistEmailCta: 'Digite seu email para entrar na lista',
             soon: 'Em breve',
+            launch: 'Launch',
+            network: 'Rede',
+            skipToContent: 'Pular para o conteúdo',
             localeSelectorAriaLabel: 'Selecionar idioma',
         },
         footer: {
@@ -314,6 +329,9 @@ export const navigationContent = {
             joinWaitlist: 'Gabung Daftar Tunggu',
             waitlistEmailCta: 'Masukkan email Anda',
             soon: 'segera',
+            launch: 'Launch',
+            network: 'Jaringan',
+            skipToContent: 'Langsung ke konten',
             localeSelectorAriaLabel: 'Pilih bahasa',
         },
         footer: {
@@ -375,6 +393,9 @@ export const navigationContent = {
             joinWaitlist: '대기 명단 등록',
             waitlistEmailCta: '이메일을 입력하세요',
             soon: '곧 출시',
+            launch: 'Launch',
+            network: '네트워크',
+            skipToContent: '본문으로 건너뛰기',
             localeSelectorAriaLabel: '언어 선택',
         },
         footer: {
@@ -436,6 +457,9 @@ export const navigationContent = {
             joinWaitlist: 'Únete a la lista de espera',
             waitlistEmailCta: 'Ingresa tu correo electrónico para unirte a la lista de espera',
             soon: 'pronto',
+            launch: 'Launch',
+            network: 'Red',
+            skipToContent: 'Saltar al contenido',
             localeSelectorAriaLabel: 'Seleccionar idioma',
         },
         footer: {
@@ -497,6 +521,9 @@ export const navigationContent = {
             joinWaitlist: 'Tham gia danh sách chờ',
             waitlistEmailCta: 'Nhập email của bạn',
             soon: 'sắp ra mắt',
+            launch: 'Launch',
+            network: 'Mạng',
+            skipToContent: 'Chuyển đến nội dung',
             localeSelectorAriaLabel: 'Chọn ngôn ngữ',
         },
         footer: {

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@cronos-labs/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
+  "packageManager": "npm@11.19.0",
   "description": "Shared Header, Footer, Seo, locale and theme primitives for Cronos web properties.",
   "license": "UNLICENSED",
   "type": "module",