Merge branch 'main' into copilot/fix-4206

Author: michaelmkraus

output/stencil/package.json

@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.10.5",
-    "@stencil/core": "4.36.2",
+    "@stencil/core": "4.36.3",
     "cem-plugin-expanded-types": "1.4.0",
     "custom-element-jet-brains-integration": "1.7.0",
     "custom-element-vs-code-integration": "1.5.0",

output/vue/package.json

@@ -43,8 +43,8 @@
     "tsx": "4.20.4",
     "typescript": "5.8.3",
     "vite": "6.3.5",
-    "vue": "3.5.18",
-    "vue-tsc": "3.0.5"
+    "vue": "3.5.19",
+    "vue-tsc": "3.0.6"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package-lock.json

@@ -50,7 +50,7 @@
     "@builder.io/mitosis-cli": "0.12.1",
     "@typescript-eslint/eslint-plugin": "8.40.0",
     "cpr": "3.0.1",
-    "cssnano": "7.1.0",
+    "cssnano": "7.1.1",
     "hygen": "6.2.11",
     "nodemon": "3.1.10",
     "sass": "1.85.0",

packages/components/package.json

@@ -53,16 +53,21 @@
 		}
 	}
 
-	// Hide the burger menu if there is no navigation
-	&:has(.db-header-navigation:empty) {
+	// Hide the burger ONLY when the drawer would be empty.
+	// This requires: no main navigation AND no meta navigation AND no secondary action.
+	&:has(.db-header-navigation:empty):has(
+			.db-header-meta-navigation:empty
+		):has(.db-header-secondary-action:empty) {
 		.db-header-burger-menu-container {
 			display: none;
 		}
+	}
 
-		&:has(.db-header-secondary-action:empty) {
-			.db-header-action-container::before {
-				display: none;
-			}
+	// Hide the action-area divider only when both navigation and secondary action are missing.
+	// With no navigation but a secondary action, we keep the divider.
+	&:has(.db-header-navigation:empty):has(.db-header-secondary-action:empty) {
+		.db-header-action-container::before {
+			display: none;
 		}
 	}
 }

packages/components/src/components/header/header.scss

@@ -241,7 +241,7 @@ export default function DBInput(props: DBInputProps) {
 				form={props.form}
 				pattern={props.pattern}
 				size={props.size}
-				// @ts-expect-error inout has a property autoComplete
+				// @ts-expect-error input has a property autoComplete
 				autoComplete={props.autocomplete}
 				autoFocus={getBoolean(props.autofocus, 'autofocus')}
 				onInput={(event: ChangeEvent<HTMLInputElement>) =>

packages/components/src/components/input/input.lite.tsx

@@ -50,7 +50,7 @@
     "@db-ux/icon-font-tools": "0.3.4",
     "@playwright/test": "1.54.2",
     "cpr": "3.0.1",
-    "cssnano": "7.1.0",
+    "cssnano": "7.1.1",
     "dotenv": "17.2.1",
     "glob": "11.0.3",
     "nodemon": "3.1.10",

packages/foundations/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "nuxt": "4.0.3",
-    "vue": "3.5.18",
+    "vue": "3.5.19",
     "vue-router": "4.5.1"
   }
 }

showcases/nuxt-showcase/package.json

@@ -43,7 +43,7 @@
     "esbuild": "0.25.9",
     "eslint": "8.57.1",
     "eslint-config-next": "15.4.7",
-    "iframe-resizer": "5.5.2",
+    "iframe-resizer": "5.5.3",
     "open-cli": "8.0.0",
     "prettier": "3.6.2",
     "sass": "1.85.0",

showcases/patternhub/package.json

@@ -27,10 +27,10 @@ We would also appreciate it if you could provide a working example when opening
     	</DBCard>
     </a>
 
-    <a href="https://codesandbox.io/s/github/db-ux-design-system/examples/tree/main/angular17-example">
+    <a href="https://codesandbox.io/s/github/db-ux-design-system/examples/tree/main/angular18-example">
     	<DBCard behavior="interactive">
     		![](/assets/images/angular-showcase.svg)
-    		<strong>Angular 17</strong>
+    		<strong>Angular 18</strong>
     		Angular app including `@db-ux/ngx-core-components`
     	</DBCard>
     </a>
@@ -65,10 +65,10 @@ We would also appreciate it if you could provide a working example when opening
     	</DBCard>
     </a>
 
-    <a href="https://stackblitz.com/fork/github/db-ux-design-system/examples/tree/main/angular17-example?file=index.html">
+    <a href="https://stackblitz.com/fork/github/db-ux-design-system/examples/tree/main/angular18-example?file=index.html">
     	<DBCard behavior="interactive">
     		![](/assets/images/angular-showcase.svg)
-    		<strong>Angular 17</strong>
+    		<strong>Angular 18</strong>
     		Angular app including `@db-ux/ngx-core-components`
     	</DBCard>
     </a>