@deneb-ui/ui 2.0.100 → 2.0.101

package/dist/SiteDataProvider.d.ts

@@ -167,3 +167,17 @@ export declare function useCommon(fallback?: GenericRecord): GenericRecord;
  * with robust fallbacks across contact, common, and shop profile.
  */
 export declare function useContact(fallback?: GenericRecord): GenericRecord;
+export interface SyncedBranding {
+    logoUrl: string;
+    websiteTitle: string;
+    brandSubtext: string;
+    slogan: string;
+    faviconUrl: string;
+}
+/**
+ * Universal Synced Branding Hook:
+ * Guarantees real-time live synchronization for brand identity across visual editor preview,
+ * merchant DB profile, and template defaults.
+ * Hierarchy: Visual Editor Edits (content.common) -> Live Merchant Shop Profile -> Template Fallback.
+ */
+export declare function useSyncedBranding(fallback?: Partial<SyncedBranding>): SyncedBranding;

package/dist/SiteDataProvider.js

@@ -29,6 +29,7 @@ exports.useReviews = useReviews;
 exports.isPreviewValidation = isPreviewValidation;
 exports.useCommon = useCommon;
 exports.useContact = useContact;
+exports.useSyncedBranding = useSyncedBranding;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const core_1 = require("@deneb-ui/core");
@@ -1086,3 +1087,37 @@ function useContact(fallback = {}) {
         googleMapLink,
     };
 }
+/**
+ * Universal Synced Branding Hook:
+ * Guarantees real-time live synchronization for brand identity across visual editor preview,
+ * merchant DB profile, and template defaults.
+ * Hierarchy: Visual Editor Edits (content.common) -> Live Merchant Shop Profile -> Template Fallback.
+ */
+function useSyncedBranding(fallback = {}) {
+    const siteData = useSiteData();
+    const content = isRecord(siteData?.content) ? siteData.content : null;
+    const common = isRecord(content?.common) ? content.common : {};
+    const shop = useShop();
+    const websiteTitle = (typeof common.websiteTitle === 'string' && common.websiteTitle.trim()) ||
+        (typeof common.siteName === 'string' && common.siteName.trim()) ||
+        (typeof shop.businessName === 'string' && shop.businessName.trim()) ||
+        (typeof shop.name === 'string' && shop.name.trim()) ||
+        (typeof fallback.websiteTitle === 'string' && fallback.websiteTitle.trim()) ||
+        'Storefront';
+    const logoUrl = (typeof common.logoUrl === 'string' && common.logoUrl.trim()) ||
+        (typeof shop.logoUrl === 'string' && shop.logoUrl.trim()) ||
+        (typeof fallback.logoUrl === 'string' && fallback.logoUrl.trim()) ||
+        '';
+    const brandSubtext = (typeof common.brandSubtext === 'string' && common.brandSubtext.trim()) ||
+        (typeof common.slogan === 'string' && common.slogan.trim()) ||
+        (typeof fallback.brandSubtext === 'string' && fallback.brandSubtext.trim()) ||
+        '';
+    const faviconUrl = logoUrl || fallback.faviconUrl || '';
+    return {
+        logoUrl,
+        websiteTitle,
+        brandSubtext,
+        slogan: brandSubtext,
+        faviconUrl,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.100",
+  "version": "2.0.101",
   "description": "Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -50,7 +50,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@deneb-ui/core": "^2.0.100"
+    "@deneb-ui/core": "^2.0.101"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",