@schandlergarcia/sf-web-components 2.3.17 → 2.5.0

package/dist/index.js

@@ -59,35 +59,36 @@ import { default as oo } from "./components/library/heroui/Tabs.js";
 import { default as to } from "./components/library/heroui/Toast.js";
 import { default as fo } from "./components/library/heroui/Toggle.js";
 import { default as po } from "./components/library/heroui/Tooltip.js";
-import { default as mo } from "./components/library/ui/Label.js";
-import { default as xo } from "./components/library/cards/ListCard.js";
-import { default as go } from "./components/library/cards/MetricCard.js";
-import { default as co } from "./components/library/cards/MetricsStrip.js";
-import { default as Uo } from "./components/library/layout/PageContainer.js";
-import { default as Po } from "./components/library/filters/SearchFilter.js";
-import { default as So } from "./components/library/cards/SectionCard.js";
-import { default as Bo } from "./components/library/filters/SelectFilter.js";
-import { default as ho } from "./components/library/ui/Spinner.js";
-import { default as Mo } from "./components/library/cards/StatusCard.js";
-import { default as Ao } from "./components/library/cards/TableCard.js";
-import { default as vo } from "./components/library/filters/ToggleFilter.js";
-import { default as wo } from "./components/library/ui/UIButton.js";
-import { Card as Ko, CardContent as Ro, CardDescription as Go, CardFooter as Vo, CardHeader as Wo, CardTitle as No, default as Oo } from "./components/library/ui/Card.js";
-import { default as qo } from "./components/library/ui/Chip.js";
-import { default as Jo } from "./components/library/ui/Container.js";
-import { default as Xo } from "./components/library/ui/UIInput.js";
-import { default as Zo } from "./components/library/ui/Text.js";
-import { default as $o } from "./components/library/ui/Toggle.js";
-import { default as ra } from "./components/library/cards/WidgetCard.js";
-import { default as aa } from "./components/library/chat/useChatState.js";
-import { default as la } from "./components/library/data/useDataSource.js";
-import { default as da } from "./components/library/forms/useFormState.js";
-import { default as pa } from "./components/library/data/usePageFilters.js";
-import { Accordion as ma, Badge as ia, Breadcrumbs as xa, Drawer as na, Dropdown as ga, Kbd as Ca, Meter as ca, Modal as Ia, Pagination as Ua, ProgressBar as Da, ProgressCircle as Pa, ScrollShadow as Ha, Separator as Sa, Skeleton as Ta, Tabs as Ba, Toast as ba, Tooltip as ha, toast as Fa } from "@heroui/react";
-import { D3ChartTemplates as ka } from "./components/library/charts/D3ChartTemplates.js";
-import { applyFilters as ya, filterByDateRange as va, filterBySearch as La, filterByToggle as wa, filterByValue as Ea, sortByKey as Ka } from "./components/library/data/filterUtils.js";
+import { default as mo } from "./components/library/cards/KanbanBoard.js";
+import { default as xo } from "./components/library/ui/Label.js";
+import { default as go } from "./components/library/cards/ListCard.js";
+import { default as co } from "./components/library/cards/MetricCard.js";
+import { default as Uo } from "./components/library/cards/MetricsStrip.js";
+import { default as Po } from "./components/library/layout/PageContainer.js";
+import { default as So } from "./components/library/filters/SearchFilter.js";
+import { default as Bo } from "./components/library/cards/SectionCard.js";
+import { default as ho } from "./components/library/filters/SelectFilter.js";
+import { default as Mo } from "./components/library/ui/Spinner.js";
+import { default as Ao } from "./components/library/cards/StatusCard.js";
+import { default as vo } from "./components/library/cards/TableCard.js";
+import { default as wo } from "./components/library/filters/ToggleFilter.js";
+import { default as Ko } from "./components/library/ui/UIButton.js";
+import { Card as Go, CardContent as Vo, CardDescription as Wo, CardFooter as No, CardHeader as Oo, CardTitle as jo, default as qo } from "./components/library/ui/Card.js";
+import { default as Jo } from "./components/library/ui/Chip.js";
+import { default as Xo } from "./components/library/ui/Container.js";
+import { default as Zo } from "./components/library/ui/UIInput.js";
+import { default as $o } from "./components/library/ui/Text.js";
+import { default as ra } from "./components/library/ui/Toggle.js";
+import { default as aa } from "./components/library/cards/WidgetCard.js";
+import { default as la } from "./components/library/chat/useChatState.js";
+import { default as da } from "./components/library/data/useDataSource.js";
+import { default as pa } from "./components/library/forms/useFormState.js";
+import { default as ma } from "./components/library/data/usePageFilters.js";
+import { Accordion as xa, Badge as na, Breadcrumbs as ga, Drawer as Ca, Dropdown as ca, Kbd as Ia, Meter as Ua, Modal as Da, Pagination as Pa, ProgressBar as Ha, ProgressCircle as Sa, ScrollShadow as Ta, Separator as Ba, Skeleton as ba, Tabs as ha, Toast as Fa, Tooltip as Ma, toast as ka } from "@heroui/react";
+import { D3ChartTemplates as ya } from "./components/library/charts/D3ChartTemplates.js";
+import { applyFilters as La, filterByDateRange as wa, filterBySearch as Ea, filterByToggle as Ka, filterByValue as Ra, sortByKey as Ga } from "./components/library/data/filterUtils.js";
 export {
-  ma as Accordion,
+  xa as Accordion,
   H as ActionList,
   T as ActivityCard,
   b as Alert,
@@ -96,7 +97,7 @@ export {
   M as AlertTitle,
   A as AppThemeProvider,
   L as Avatar,
-  ia as Badge,
+  na as Badge,
   E as BaseCard,
   t as Breadcrumb,
   l as BreadcrumbEllipsis,
@@ -105,16 +106,16 @@ export {
   s as BreadcrumbList,
   p as BreadcrumbPage,
   u as BreadcrumbSeparator,
-  xa as Breadcrumbs,
+  ga as Breadcrumbs,
   Oe as Button,
   R as CalloutCard,
-  Ko as Card,
-  Ro as CardContent,
-  Go as CardDescription,
-  Vo as CardFooter,
-  Wo as CardHeader,
+  Go as Card,
+  Vo as CardContent,
+  Wo as CardDescription,
+  No as CardFooter,
+  Oo as CardHeader,
   V as CardSkeleton,
-  No as CardTitle,
+  jo as CardTitle,
   N as ChartCard,
   j as ChatBar,
   z as ChatInput,
@@ -130,7 +131,7 @@ export {
   Xe as CollapsibleContent,
   Ye as CollapsibleTrigger,
   ue as D3Chart,
-  ka as D3ChartTemplates,
+  ya as D3ChartTemplates,
   ie as DataModeProvider,
   ge as DataModeToggle,
   $e as DatePicker,
@@ -148,8 +149,8 @@ export {
   xr as DialogPortal,
   nr as DialogTitle,
   gr as DialogTrigger,
-  na as Drawer,
-  ga as Dropdown,
+  Ca as Drawer,
+  ca as Dropdown,
   ce as EmptyState,
   Ue as FeedPanel,
   Hr as Field,
@@ -191,15 +192,16 @@ export {
   to as HeroUIToast,
   fo as HeroUIToggle,
   po as HeroUITooltip,
-  Ca as Kbd,
-  mo as Label,
-  xo as ListCard,
-  ca as Meter,
-  go as MetricCard,
-  co as MetricsStrip,
-  Ia as Modal,
-  Uo as PageContainer,
-  Ua as Pagination,
+  mo as KanbanBoard,
+  Ia as Kbd,
+  xo as Label,
+  go as ListCard,
+  Ua as Meter,
+  co as MetricCard,
+  Uo as MetricsStrip,
+  Da as Modal,
+  Po as PageContainer,
+  Pa as Pagination,
   m as PaginationContent,
   i as PaginationEllipsis,
   x as PaginationItem,
@@ -209,47 +211,47 @@ export {
   Gr as Popover,
   Vr as PopoverContent,
   Wr as PopoverTrigger,
-  Da as ProgressBar,
-  Pa as ProgressCircle,
-  Ha as ScrollShadow,
-  Po as SearchFilter,
-  So as SectionCard,
+  Ha as ProgressBar,
+  Sa as ProgressCircle,
+  Ta as ScrollShadow,
+  So as SearchFilter,
+  Bo as SectionCard,
   Yr as Select,
   c as SelectContent,
-  Bo as SelectFilter,
+  ho as SelectFilter,
   I as SelectItem,
   U as SelectTrigger,
   D as SelectValue,
-  Sa as Separator,
-  Ta as Skeleton,
-  ho as Spinner,
-  Mo as StatusCard,
-  Ao as TableCard,
-  Ba as Tabs,
-  ba as Toast,
-  vo as ToggleFilter,
-  ha as Tooltip,
-  wo as UIButton,
-  Oo as UICard,
-  qo as UIChip,
-  Jo as UIContainer,
-  Xo as UIInput,
-  Zo as UIText,
-  $o as UIToggle,
-  ra as WidgetCard,
-  ya as applyFilters,
+  Ba as Separator,
+  ba as Skeleton,
+  Mo as Spinner,
+  Ao as StatusCard,
+  vo as TableCard,
+  ha as Tabs,
+  Fa as Toast,
+  wo as ToggleFilter,
+  Ma as Tooltip,
+  Ko as UIButton,
+  qo as UICard,
+  Jo as UIChip,
+  Xo as UIContainer,
+  Zo as UIInput,
+  $o as UIText,
+  ra as UIToggle,
+  aa as WidgetCard,
+  La as applyFilters,
   o as cn,
-  va as filterByDateRange,
-  La as filterBySearch,
-  wa as filterByToggle,
-  Ea as filterByValue,
-  Ka as sortByKey,
-  Fa as toast,
-  aa as useChatState,
+  wa as filterByDateRange,
+  Ea as filterBySearch,
+  Ka as filterByToggle,
+  Ra as filterByValue,
+  Ga as sortByKey,
+  ka as toast,
+  la as useChatState,
   xe as useDataMode,
-  la as useDataSource,
-  da as useFormState,
-  pa as usePageFilters,
+  da as useDataSource,
+  pa as useFormState,
+  ma as usePageFilters,
   y as useThemeMode
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/global.css

@@ -58,31 +58,18 @@
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
 
-  /* Engine brand palette — official guidelines */
-  --color-engine-black:  #0D1117;
-  --color-engine-cyan:   #7DCBD9;
-  --color-engine-green:  #1E9D6D;
-  --color-engine-blue:   #157DE5;
-  --color-engine-orange: #FD4B23;
-  --color-engine-amber:  #FFB200;
-  --color-engine-bg:     #F3F3F4;
-  --color-engine-border: #B0B1B3;
-  --color-engine-text:   #0D1117;
-  --color-engine-muted:  #616368;
-  --color-engine-label:  #B0B1B3;
-
-  /* Engine Cyan brand ramp */
-  --color-brand-50:  #F0FAFB;
-  --color-brand-100: #D9F2F5;
-  --color-brand-200: #B3E5EB;
-  --color-brand-300: #7DCBD9;
-  --color-brand-400: #5BB8CA;
-  --color-brand-500: #3AA0B5;
-  --color-brand-600: #2D849A;
-  --color-brand-700: #266B7E;
-  --color-brand-800: #235768;
-  --color-brand-900: #1F4858;
-  --color-brand-950: #112E3A;
+  /* Neutral brand ramp — override per-app to apply your brand colors */
+  --color-brand-50:  #f8fafc;
+  --color-brand-100: #f1f5f9;
+  --color-brand-200: #e2e8f0;
+  --color-brand-300: #cbd5e1;
+  --color-brand-400: #94a3b8;
+  --color-brand-500: #64748b;
+  --color-brand-600: #475569;
+  --color-brand-700: #334155;
+  --color-brand-800: #1e293b;
+  --color-brand-900: #0f172a;
+  --color-brand-950: #020617;
 
   --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
   --font-mono: 'JetBrains Mono', ui-monospace, monospace;
@@ -92,22 +79,22 @@
 }
 
 :root {
-  --dash-text:    #0D1117;
-  --dash-muted:   #3d4047;
-  --dash-label:   #8b8d91;
-  --dash-surface: #fef9ef;
-  --dash-border:  #e2c97a;
-  --dash-accent:  #FFB200;
+  --dash-text:    #0f172a;
+  --dash-muted:   #475569;
+  --dash-label:   #94a3b8;
+  --dash-surface: #ffffff;
+  --dash-border:  #e2e8f0;
+  --dash-accent:  #64748b;
   --dash-success: #34d399;
   --dash-info:    #67e8f9;
-  --dash-warning: #FD4B23;
+  --dash-warning: #f59e0b;
   --dash-danger:  #dc2626;
-  --dash-dark:    #0D1117;
-  --dash-darker:  #06090d;
-  --dash-chart-1: #FFB200;
-  --dash-chart-2: #1E9D6D;
-  --dash-chart-3: #7DCBD9;
-  --dash-chart-4: #FD4B23;
+  --dash-dark:    #0f172a;
+  --dash-darker:  #020617;
+  --dash-chart-1: #64748b;
+  --dash-chart-2: #34d399;
+  --dash-chart-3: #67e8f9;
+  --dash-chart-4: #f59e0b;
   --dash-metric-size: 2.5rem;
   --dash-metric-sub: 2.25rem;
   --color-dash-text:    var(--dash-text);
@@ -206,37 +193,37 @@
 
 /*
  * Restore HeroUI theme variables inside the Command Center scope.
- * Uses Engine brand colors: Cyan #7DCBD9 as secondary, Orange-Red #FD4B23 as danger.
+ * Neutral defaults — override per-app to apply your brand colors.
  */
 .heroui-scope {
-  --primary: #0D1117;
+  --primary: oklch(0.205 0 0);
   --primary-foreground: oklch(0.9911 0 0);
-  --secondary: #7DCBD9;
-  --secondary-foreground: #0D1117;
-  --success: #1E9D6D;
+  --secondary: oklch(0.55 0.02 240);
+  --secondary-foreground: oklch(0.9911 0 0);
+  --success: #16a34a;
   --success-foreground: oklch(0.9911 0 0);
-  --warning: #FFB200;
-  --warning-foreground: #0D1117;
-  --danger: #FD4B23;
+  --warning: #f59e0b;
+  --warning-foreground: oklch(0.205 0 0);
+  --danger: #dc2626;
   --danger-foreground: oklch(0.9911 0 0);
 
   --muted: oklch(0.5517 0.0138 285.94);
   --accent: oklch(0.6204 0.195 253.83);
   --accent-foreground: oklch(0.9911 0 0);
-  --background: #F3F3F4;
-  --foreground: #0D1117;
+  --background: oklch(0.985 0 0);
+  --foreground: oklch(0.145 0 0);
   --default: oklch(94% 0.001 286.375);
-  --default-foreground: #0D1117;
-  --border: #B0B1B3;
+  --default-foreground: oklch(0.145 0 0);
+  --border: oklch(0.85 0.005 286);
   --separator: oklch(92% 0.004 286.32);
   --segment: oklch(100% 0 0);
-  --segment-foreground: #0D1117;
+  --segment-foreground: oklch(0.145 0 0);
   --surface: oklch(100% 0 0);
-  --surface-foreground: #0D1117;
+  --surface-foreground: oklch(0.145 0 0);
   --overlay: oklch(100% 0 0);
-  --overlay-foreground: #0D1117;
-  --focus: #157DE5;
-  --link: #0D1117;
+  --overlay-foreground: oklch(0.145 0 0);
+  --focus: oklch(0.6 0.18 250);
+  --link: oklch(0.205 0 0);
 }
 
 /* ChatBar expanded overlay — horizontal padding so it doesn't hit window edges */
@@ -261,9 +248,9 @@ body > .fixed.inset-x-0.rounded-2xl {
   --overlay: oklch(0.2103 0.0059 285.89);
   --overlay-foreground: oklch(0.9911 0 0);
   --warning: oklch(0.8203 0.1388 76.34);
-  --warning-foreground: #0D1117;
+  --warning-foreground: oklch(0.145 0 0);
   --danger: oklch(0.594 0.1967 24.63);
   --danger-foreground: oklch(0.9911 0 0);
-  --focus: #157DE5;
+  --focus: oklch(0.6 0.18 250);
   --link: oklch(0.9911 0 0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "2.3.17",
+  "version": "2.5.0",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",
@@ -52,11 +52,13 @@
     "reset:command-center": "bash scripts/reset-command-center.sh",
     "validate:dashboard": "bash scripts/validate-dashboard.sh",
     "graphql:schema": "node scripts/get-graphql-schema.mjs",
-    "brand:engine": "node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs engine",
     "brand:reset": "node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs --reset",
     "brand:list": "node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs --list"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^8.0.0 || ^9.0.0 || ^10.0.0",
+    "@dnd-kit/utilities": "^3.0.0",
     "@heroicons/react": "^2.0.0",
     "@heroui/react": "^3.0.0",
     "@heroui/styles": "^3.0.0",
@@ -85,6 +87,9 @@
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@heroicons/react": "^2.2.0",
     "@heroui/react": "^3.0.1",
     "@heroui/styles": "^3.0.1",

package/scripts/apply-brand.mjs

@@ -4,14 +4,19 @@
  * apply-brand.mjs — Apply a brand theme or install a full demo app.
  *
  * Usage:
- *   node scripts/apply-brand.mjs engine          # Apply Engine brand colors only
- *   node scripts/apply-brand.mjs --demo engine   # Install full Engine demo app (neutral theme)
- *   node scripts/apply-brand.mjs --list          # List available brands
- *   node scripts/apply-brand.mjs --reset         # Remove brand, restore neutral theme
+ *   node scripts/apply-brand.mjs <brand>          # Apply brand colors only
+ *   node scripts/apply-brand.mjs --demo <brand>   # Install full demo app for a brand
+ *   node scripts/apply-brand.mjs --list           # List available brands
+ *   node scripts/apply-brand.mjs --reset          # Remove brand, restore neutral theme
  *
- * The demo command installs the full app (dashboard, routes, hooks, queries,
- * features) but keeps the neutral color palette. Run brand:engine afterwards
- * to switch to Engine colors.
+ * Brands live in brands/<name>/ at the package root. Each brand may provide:
+ *   - global.css            (theme overrides applied to src/styles/global.css)
+ *   - app/                  (full demo app: pages, hooks, api, features, etc.)
+ *   - schema.graphql        (data schema)
+ *   - *.png                 (brand logo assets)
+ *   - *_PRD.md / *-prd.md   (product requirements docs)
+ *
+ * No brands ship with the package by default. Add your own under brands/.
  */
 
 import fs from 'fs';
@@ -184,17 +189,21 @@ if (isDemo) {
     }
   }
 
-  // Copy sample data files
-  const dataFiles = ['engine-sample-data.js', 'engine-live-data.js', 'partner-hub-sample-data.js'];
+  // Copy any *.js / *.ts data files at the brand root into src/data/
+  const dataFiles = fs.readdirSync(brandDir).filter(f => {
+    if (!fs.statSync(path.join(brandDir, f)).isFile()) return false;
+    return f.endsWith('-sample-data.js')
+        || f.endsWith('-live-data.js')
+        || f.endsWith('-data.ts')
+        || f.endsWith('-data.js');
+  });
   for (const file of dataFiles) {
     const src = path.join(brandDir, file);
     const dst = path.join(cwd, 'src/data', file);
-    if (fs.existsSync(src)) {
-      fs.mkdirSync(path.dirname(dst), { recursive: true });
-      fs.copyFileSync(src, dst);
-      console.log(`  ✓ Installed src/data/${file}`);
-      installed++;
-    }
+    fs.mkdirSync(path.dirname(dst), { recursive: true });
+    fs.copyFileSync(src, dst);
+    console.log(`  ✓ Installed src/data/${file}`);
+    installed++;
   }
 
   // Copy PRDs to project root
@@ -213,13 +222,16 @@ if (isDemo) {
     installed++;
   }
 
-  // Copy logo
-  const logo = path.join(brandDir, 'engine_logo.png');
-  if (fs.existsSync(logo)) {
-    const logoTarget = path.join(cwd, 'src/assets/images/engine_logo.png');
-    fs.mkdirSync(path.dirname(logoTarget), { recursive: true });
-    fs.copyFileSync(logo, logoTarget);
-    console.log('  ✓ Installed engine_logo.png');
+  // Copy any logo/image assets at the brand root into src/assets/images/
+  const imageFiles = fs.readdirSync(brandDir).filter(f =>
+    /\.(png|jpe?g|svg|webp|gif)$/i.test(f)
+  );
+  for (const file of imageFiles) {
+    const src = path.join(brandDir, file);
+    const dst = path.join(cwd, 'src/assets/images', file);
+    fs.mkdirSync(path.dirname(dst), { recursive: true });
+    fs.copyFileSync(src, dst);
+    console.log(`  ✓ Installed src/assets/images/${file}`);
     installed++;
   }
 
@@ -259,14 +271,19 @@ if (fs.existsSync(brandCSS)) {
   installed++;
 }
 
-// 2. Logo → src/assets/images/
-const logo = path.join(brandDir, 'engine_logo.png');
-if (fs.existsSync(logo)) {
-  const logoTarget = path.join(cwd, 'src/assets/images/engine_logo.png');
-  fs.mkdirSync(path.dirname(logoTarget), { recursive: true });
-  fs.copyFileSync(logo, logoTarget);
-  console.log('  ✓ Installed engine_logo.png');
-  installed++;
+// 2. Any logo/image assets → src/assets/images/
+if (fs.existsSync(brandDir)) {
+  const imageFiles = fs.readdirSync(brandDir).filter(f =>
+    /\.(png|jpe?g|svg|webp|gif)$/i.test(f)
+  );
+  for (const file of imageFiles) {
+    const src = path.join(brandDir, file);
+    const dst = path.join(cwd, 'src/assets/images', file);
+    fs.mkdirSync(path.dirname(dst), { recursive: true });
+    fs.copyFileSync(src, dst);
+    console.log(`  ✓ Installed src/assets/images/${file}`);
+    installed++;
+  }
 }
 
 // 3. Write .brand marker

package/scripts/postinstall.mjs

@@ -341,11 +341,7 @@ if (fs.existsSync(packageJsonPath)) {
       scriptsAdded.push('sfwc:setup');
     }
 
-    // Add brand scripts
-    if (!packageJson.scripts['brand:engine']) {
-      packageJson.scripts['brand:engine'] = 'node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs engine';
-      scriptsAdded.push('brand:engine');
-    }
+    // Add brand scripts (no brands ship by default — add your own under brands/)
     if (!packageJson.scripts['brand:reset']) {
       packageJson.scripts['brand:reset'] = 'node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs --reset';
       scriptsAdded.push('brand:reset');
@@ -355,12 +351,6 @@ if (fs.existsSync(packageJsonPath)) {
       scriptsAdded.push('brand:list');
     }
 
-    // Add demo scripts
-    if (!packageJson.scripts['demo:engine']) {
-      packageJson.scripts['demo:engine'] = 'node node_modules/@schandlergarcia/sf-web-components/scripts/apply-brand.mjs --demo engine';
-      scriptsAdded.push('demo:engine');
-    }
-
     if (scriptsAdded.length > 0) {
       fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n', 'utf-8');
       scriptsAdded.forEach(script => {