@shophost/react 2.0.42 → 2.0.44

package/README.md

@@ -86,13 +86,22 @@ import React from "react";
 
 export function AppProvider({ children, locale }: { children: React.ReactNode; locale: Locale }) {
   return (
-    <ShophostProvider baseUrl={process.env.NEXT_PUBLIC_APP_DOMAIN!} locale={locale} organizationId={process.env.NEXT_PUBLIC_ORGANIZATION_ID!} modifiersModal={<ModifiersDialog />}>
+    <ShophostProvider
+      baseUrl={process.env.NEXT_PUBLIC_APP_DOMAIN!}
+      locale={locale}
+      organizationId={process.env.NEXT_PUBLIC_ORGANIZATION_ID!}
+      appearance={{ primaryColor: "#0f766e" }}
+      modifiersModal={<ModifiersDialog />}
+    >
       {children}
     </ShophostProvider>
   );
 }
 ```
 
+`appearance.primaryColor` accepts either a Tailwind color token like `bg-emerald-500`
+or a raw CSS color such as `#10b981`.
+
 Mount the built-in checkout and account flows:
 
 ```tsx

package/admin/components/navigation/admin-breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { RouteView } from '../../router/resolve';
+interface AdminBreadcrumbsProps {
+    view: RouteView;
+}
+export declare function AdminBreadcrumbs({ view }: AdminBreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/admin/router/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { RouteView } from './resolve';
+import { AdminRoutes } from './routes';
+export interface AdminBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export declare function getAdminBreadcrumbs(view: RouteView, routes: AdminRoutes): AdminBreadcrumbItem[];

package/admin/shell/views/admin-shell.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
-export declare function AdminShell({ children }: {
+import { RouteView } from '../../router/resolve';
+export declare function AdminShell({ children, view, }: {
     children: React.ReactNode;
+    view: RouteView;
 }): import("react/jsx-runtime").JSX.Element;