@ngx-smz/core 19.2.0

package/resources/assets/images/tables/empty-dark.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 296 296"
+	 style="enable-background:new 0 0 296 296;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4D4D4D;stroke:#B3B3B3;stroke-width:2;stroke-miterlimit:10;}
+	.st1{fill:#666666;stroke:#B3B3B3;stroke-width:2;stroke-miterlimit:10;}
+	.st2{opacity:0.2;}
+	.st3{fill:#424242;stroke:#E0E0E0;stroke-width:2;stroke-miterlimit:10;}
+	.st4{opacity:0.2;enable-background:new    ;}
+	.st5{fill:#F3C142;stroke:#005082;stroke-width:2;stroke-miterlimit:9.9999;}
+	.st6{fill:#F3C142;}
+	.st7{fill:#005082;}
+	.st8{fill:#309ACC;stroke:#005082;stroke-width:2;stroke-miterlimit:9.9999;}
+	.st9{fill:#FFFFFF;}
+	.st10{fill:#F0F8FC;}
+</style>
+<desc>Created with Sketch.</desc>
+<polygon class="st0" points="187.2,62 118.8,62 118.8,210.7 224.7,210.7 224.7,99.5 "/>
+<polygon class="st1" points="224.7,99.5 187.2,62 185.2,62 185.2,101.3 224.7,101.3 "/>
+<g class="st2">
+	<path d="M167.1,125.6c-13.6-13.6-35.6-13.6-49.2,0c-11.8,11.8-13.3,29.9-4.7,43.3L103,179.1l10,10l10.2-10.1
+		c13.5,9.1,32,7.6,43.9-4.3C180.7,161.1,180.7,139.1,167.1,125.6z M162.8,170.5c-11.2,11.2-29.4,11.2-40.7,0
+		c-11.1-11.3-11.1-29.5,0.1-40.7s29.4-11.2,40.7,0C174.1,141,174.1,159.2,162.8,170.5z"/>
+	<rect x="56.1" y="200.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -120.1036 121.4422)" width="60.9" height="10.8"/>
+</g>
+<g>
+	<g>
+		<path class="st3" d="M105.1,111c4.5-2.5,9.8-4,15.3-4c17.3,0,31.3,14,31.3,31.3s-14,31.3-31.3,31.3c-5.6,0-10.8-1.5-15.3-4V111z"
+			/>
+		<path class="st4" d="M116.2,127.1c6.9-6.9,15.7-10.5,24.6-11c-2.1-2.7-4.7-5-7.6-6.9c-8.2,1.7-16.1,5.8-22.6,12.3
+			c-10.9,10.9-15.2,26-12.7,40.2c2.8,1.9,5.9,3.5,9.2,4.4C102.6,152.8,105.6,137.6,116.2,127.1z"/>
+	</g>
+	<g>
+		
+			<rect x="82.3" y="159.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -91.7693 112.2141)" class="st5" width="14.5" height="14.2"/>
+		<g>
+			<path class="st6" d="M118.9,173.8c-9.5,0-18.5-3.7-25.3-10.5S83.1,147.6,83.1,138c0-9.5,3.7-18.5,10.5-25.3
+				c6.8-6.8,15.7-10.5,25.3-10.5c9.5,0,18.5,3.7,25.3,10.5c13.9,13.9,13.9,36.6,0,50.6C137.5,170.1,128.5,173.8,118.9,173.8z
+				 M118.9,110.3c-7.4,0-14.4,2.9-19.6,8.1c-10.8,10.8-10.8,28.4,0,39.2c5.2,5.2,12.2,8.1,19.6,8.1c7.4,0,14.4-2.9,19.6-8.1
+				s8.1-12.2,8.1-19.6c0-7.4-2.9-14.4-8.1-19.6C133.3,113.2,126.3,110.3,118.9,110.3z"/>
+			<path class="st7" d="M118.9,103.3c8.9,0,17.8,3.4,24.6,10.2c13.6,13.6,13.6,35.6,0,49.1c-6.8,6.8-15.7,10.2-24.6,10.2
+				s-17.8-3.4-24.6-10.2c-13.6-13.6-13.6-35.6,0-49.1C101.1,106.7,110,103.3,118.9,103.3 M118.9,166.8c7.4,0,14.7-2.8,20.3-8.4
+				c11.2-11.2,11.2-29.4,0-40.7c-5.6-5.6-13-8.4-20.3-8.4s-14.7,2.8-20.3,8.4c-11.2,11.2-11.2,29.4,0,40.7
+				C104.2,164,111.6,166.8,118.9,166.8 M118.9,101.3c-9.8,0-19,3.8-26,10.8c-6.9,6.9-10.8,16.2-10.8,26c0,9.8,3.8,19,10.8,26
+				c6.9,6.9,16.2,10.8,26,10.8s19-3.8,26-10.8c6.9-6.9,10.8-16.2,10.8-26c0-9.8-3.8-19-10.8-26C138,105.1,128.7,101.3,118.9,101.3
+				L118.9,101.3z M118.9,164.8c-7.1,0-13.9-2.8-18.9-7.8c-10.4-10.4-10.4-27.4,0-37.8c5.1-5.1,11.8-7.8,18.9-7.8s13.9,2.8,18.9,7.8
+				c10.4,10.4,10.4,27.4,0,37.8C132.8,162,126.1,164.8,118.9,164.8L118.9,164.8z"/>
+		</g>
+		
+			<rect x="32.5" y="188.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -118.4567 101.1961)" class="st8" width="60.9" height="10.8"/>
+	</g>
+</g>
+<g>
+	<path class="st9" d="M62.3,140.8c0-0.3,0-0.6,0-0.9c0-1.7,0.6-3.1,2.2-4.1l1.2-0.8c0.9-0.6,1.4-1.6,1.4-2.6c0-1.6-1-3-3.1-3
+		c-2.3,0-3.3,1.7-3.3,3.4c0,0.4,0.1,1,0.2,1.3l-2.6-0.3c-0.1-0.4-0.2-0.8-0.2-1.3c0-2.4,1.8-5.4,5.8-5.4c3.7,0,5.8,2.6,5.8,5.3
+		c0,2.1-1.2,3.6-2.7,4.6l-1.2,0.8c-0.8,0.6-1.2,1.5-1.2,2.5c0,0.1,0,0.2,0,0.5C64.6,140.8,62.3,140.8,62.3,140.8z M63.5,142.8
+		c1,0,1.7,0.8,1.7,1.7c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7S62.5,142.8,63.5,142.8z"/>
+</g>
+<path class="st10" d="M140.1,126.8c0.1,0.9,0.1,1.7,0.1,2.6c0,13.8-11.2,25-25,25c-6.6,0-12.6-2.6-17.1-6.7
+	c3.8,7.8,11.8,13.1,21.1,13.1c13,0,23.5-10.5,23.5-23.5C142.7,133.6,141.7,130,140.1,126.8z"/>
+</svg>

package/resources/assets/images/tables/empty.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="118 -118 296 296"
+	 enable-background="new 118 -118 296 296" xml:space="preserve">
+<title>lock</title>
+<desc>Created with Sketch.</desc>
+<path id="Fill-1" sketch:type="MSShapeGroup" fill="#F0F8FC" d="M404.4,26.8c0,77.8-63.1,140.9-140.9,140.9S122.6,104.6,122.6,26.8
+	s63.1-140.9,140.9-140.9S404.4-51,404.4,26.8"/>
+<polygon fill="#C0D6E4" stroke="#005082" stroke-width="2" stroke-miterlimit="10" points="305.2,-56 236.8,-56 236.8,92.7 
+	342.7,92.7 342.7,-18.5 "/>
+<polygon fill="#C0D6E4" stroke="#005082" stroke-width="2" stroke-miterlimit="10" points="342.7,-18.5 305.2,-56 303.2,-56 
+	303.2,-16.7 342.7,-16.7 "/>
+<g opacity="0.2">
+	<path fill="#309ACC" d="M285.1,7.6C271.5-6,249.5-6,235.9,7.6c-11.8,11.8-13.3,29.9-4.7,43.3L221,61.1l10,10L241.2,61
+		c13.5,9.1,32,7.6,43.9-4.3C298.7,43.1,298.7,21.1,285.1,7.6z M280.8,52.5c-11.2,11.2-29.4,11.2-40.7,0C229,41.2,229,23,240.2,11.8
+		c11.2-11.2,29.4-11.2,40.7,0C292.1,23,292.1,41.2,280.8,52.5z"/>
+	
+		<rect x="199.1" y="57.2" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 287.1665 294.2782)" fill="#309ACC" width="10.8" height="60.9"/>
+</g>
+<g>
+	<g>
+		<path fill="#C0D6E4" stroke="#005082" stroke-width="2" stroke-miterlimit="10" d="M223.1-7c4.5-2.5,9.8-4,15.3-4
+			c17.3,0,31.3,14,31.3,31.3s-14,31.3-31.3,31.3c-5.6,0-10.8-1.5-15.3-4V-7z"/>
+		<path opacity="0.2" fill="#309ACC" d="M234.2,9.1c6.9-6.9,15.7-10.5,24.6-11c-2.1-2.7-4.7-5-7.6-6.9C243-7.1,235.1-3,228.6,3.5
+			c-10.9,10.9-15.2,26-12.7,40.2c2.8,1.9,5.9,3.5,9.2,4.4C220.6,34.8,223.6,19.6,234.2,9.1z"/>
+	</g>
+	<g>
+		
+			<rect x="200.3" y="41.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 388.9762 -63.2283)" fill="#F3C142" stroke="#005082" stroke-width="2" stroke-miterlimit="10" width="14.5" height="14.2"/>
+		<g>
+			<path fill="#F3C142" d="M236.9,55.8c-9.5,0-18.5-3.7-25.3-10.5c-6.8-6.8-10.5-15.7-10.5-25.3c0-9.5,3.7-18.5,10.5-25.3
+				s15.7-10.5,25.3-10.5c9.5,0,18.5,3.7,25.3,10.5c13.9,13.9,13.9,36.6,0,50.6C255.5,52.1,246.5,55.8,236.9,55.8z M236.9-7.7
+				c-7.4,0-14.4,2.9-19.6,8.1c-10.8,10.8-10.8,28.4,0,39.2c5.2,5.2,12.2,8.1,19.6,8.1c7.4,0,14.4-2.9,19.6-8.1s8.1-12.2,8.1-19.6
+				c0-7.4-2.9-14.4-8.1-19.6S244.3-7.7,236.9-7.7z"/>
+			<path fill="#005082" d="M236.9-14.7c8.9,0,17.8,3.4,24.6,10.2c13.6,13.6,13.6,35.6,0,49.1c-6.8,6.8-15.7,10.2-24.6,10.2
+				s-17.8-3.4-24.6-10.2c-13.6-13.6-13.6-35.6,0-49.1C219.1-11.3,228-14.7,236.9-14.7 M236.9,48.8c7.4,0,14.7-2.8,20.3-8.4
+				c11.2-11.2,11.2-29.4,0-40.7c-5.6-5.6-13-8.4-20.3-8.4s-14.7,2.8-20.3,8.4c-11.2,11.2-11.2,29.4,0,40.7
+				C222.2,46,229.6,48.8,236.9,48.8 M236.9-16.7c-9.8,0-19,3.8-26,10.8c-6.9,6.9-10.8,16.2-10.8,26c0,9.8,3.8,19,10.8,26
+				c6.9,6.9,16.2,10.8,26,10.8s19-3.8,26-10.8c6.9-6.9,10.8-16.2,10.8-26c0-9.8-3.8-19-10.8-26C256-12.9,246.7-16.7,236.9-16.7
+				L236.9-16.7z M236.9,46.8c-7.1,0-13.9-2.8-18.9-7.8c-10.4-10.4-10.4-27.4,0-37.8c5.1-5.1,11.8-7.8,18.9-7.8s13.9,2.8,18.9,7.8
+				c10.4,10.4,10.4,27.4,0,37.8C250.8,44,244.1,46.8,236.9,46.8L236.9,46.8z"/>
+		</g>
+		
+			<rect x="150.5" y="70.2" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 362.3326 1.095)" fill="#309ACC" stroke="#005082" stroke-width="2" stroke-miterlimit="10" width="60.9" height="10.8"/>
+	</g>
+</g>
+<g>
+	<path fill="#005082" d="M180.3,22.8c0-0.3,0-0.6,0-0.9c0-1.7,0.6-3.1,2.2-4.1l1.2-0.8c0.9-0.6,1.4-1.6,1.4-2.6c0-1.6-1-3-3.1-3
+		c-2.3,0-3.3,1.7-3.3,3.4c0,0.4,0.1,1,0.2,1.3l-2.6-0.3c-0.1-0.4-0.2-0.8-0.2-1.3c0-2.4,1.8-5.4,5.8-5.4c3.7,0,5.8,2.6,5.8,5.3
+		c0,2.1-1.2,3.6-2.7,4.6l-1.2,0.8c-0.8,0.6-1.2,1.5-1.2,2.5c0,0.1,0,0.2,0,0.5H180.3z M181.5,24.8c1,0,1.7,0.8,1.7,1.7
+		c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7C179.8,25.6,180.5,24.8,181.5,24.8z"/>
+</g>
+<path fill="#F0F8FC" d="M258.1,8.8c0.1,0.9,0.1,1.7,0.1,2.6c0,13.8-11.2,25-25,25c-6.6,0-12.6-2.6-17.1-6.7
+	c3.8,7.8,11.8,13.1,21.1,13.1c13,0,23.5-10.5,23.5-23.5C260.7,15.6,259.7,12,258.1,8.8z"/>
+</svg>

package/resources/assets/locales/de.json

@@ -0,0 +1,14 @@
+{
+  "footer-text": "Entworfen und entwickelt von",
+  "footer-link": "Hossein Mousavi",
+  "header": {
+    "title": "Mehrsprachige Anwendung",
+    "medium-btn": "Der Medium-Artikel",
+    "github-btn": "Das GitHub-Repository"
+  },
+  "main": {
+    "title": "Fühlen Sie sich frei, die Route zu ändern, um die Lazy-Loading-Übersetzung zu sehen",
+    "page-one": "Seite eins",
+    "page-two": "Seite zwei"
+  }
+}

package/resources/assets/locales/en.json

@@ -0,0 +1,14 @@
+{
+  "footer-text": "Designed and Developed By",
+  "footer-link": "Hossein Mousavi",
+  "header": {
+    "title": "Multilingual Application",
+    "medium-btn": "The Medium Article",
+    "github-btn": "The GitHub Repository"
+  },
+  "main": {
+    "title": "Feel Free To Change Route to see lazy loading translation",
+    "page-one": "Page One",
+    "page-two": "Page Two"
+  }
+}

package/resources/assets/scss/dialogs/dialog-ng19.scss

@@ -0,0 +1,137 @@
+:root {
+  --p-dialog-background: var(--p-overlay-modal-background);
+  --p-dialog-border-color: var(--p-overlay-modal-border-color);
+  --p-dialog-color: var(--p-overlay-modal-color);
+  --p-dialog-border-radius: var(--p-overlay-modal-border-radius);
+  --p-dialog-shadow: var(--p-overlay-modal-shadow);
+  --p-dialog-header-padding: var(--p-overlay-modal-padding);
+  --p-dialog-header-gap: 0.5rem;
+  --p-dialog-title-font-size: 1.25rem;
+  --p-dialog-title-font-weight: 600;
+  --p-dialog-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
+  --p-dialog-footer-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
+  --p-dialog-footer-gap: 0.5rem;
+}
+
+@layer primeng {
+  /* Elemento de máscara do diálogo */
+  .p-dialog-mask {
+    background-color: var(--p-mask-background);
+    transition-duration: 0.2s;
+  }
+
+  /* Elemento raiz do diálogo */
+  .p-dialog {
+    background: var(--p-dialog-background);
+    color: var(--p-dialog-color);
+    border: 0 none;
+    border-radius: var(--p-dialog-border-radius);
+    box-shadow: var(--p-dialog-shadow);
+  }
+
+  /* Cabeçalho do diálogo */
+  .p-dialog-header {
+    background: var(--p-dialog-background);
+    color: var(--p-dialog-color);
+    padding: var(--p-dialog-header-padding);
+    border-bottom: 0 none;
+    border-top-right-radius: var(--p-dialog-border-radius);
+    border-top-left-radius: var(--p-dialog-border-radius);
+    display: flex;
+    align-items: center;
+    gap: var(--p-dialog-header-gap);
+  }
+
+  /* Título do diálogo */
+  .p-dialog-title {
+    font-size: var(--p-dialog-title-font-size);
+    font-weight: var(--p-dialog-title-font-weight);
+  }
+
+  /* Ações no header (ex.: botões de fechar ou maximizar) */
+  .p-dialog-header-actions {
+    display: flex;
+    gap: var(--p-dialog-header-gap);
+    margin-left: auto;
+  }
+
+  /* Botões de maximizar e fechar */
+  .p-dialog-maximize-button,
+  .p-dialog-close-button {
+    width: 2rem;
+    height: 2rem;
+    color: var(--p-dialog-header-icon);
+    background: transparent;
+    border: 0 none;
+    border-radius: 50%;
+    transition: none;
+  }
+
+  .p-dialog-maximize-button:enabled:hover,
+  .p-dialog-close-button:enabled:hover {
+    color: var(--p-dialog-header-icon-hover);
+    background: var(--p-dialog-header-icon-bg-hover);
+  }
+
+  .p-dialog-maximize-button:focus-visible,
+  .p-dialog-close-button:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 1px var(--p-dialog-focus-ring);
+  }
+
+  /* Conteúdo do diálogo */
+  .p-dialog-content {
+    background: var(--p-dialog-background);
+    color: var(--p-dialog-color);
+    padding: var(--p-dialog-content-padding);
+  }
+
+  /* Footer do diálogo */
+  .p-dialog-footer {
+    background: var(--p-dialog-background);
+    color: var(--p-dialog-color);
+    padding: var(--p-dialog-footer-padding);
+    border-top: 0 none;
+    border-bottom-right-radius: var(--p-dialog-border-radius);
+    border-bottom-left-radius: var(--p-dialog-border-radius);
+    display: flex;
+    gap: var(--p-dialog-footer-gap);
+    justify-content: flex-end;
+  }
+
+  /* Botões dentro do footer */
+  .p-dialog-footer button {
+    width: auto;
+  }
+
+  .p-dialog-footer .p-toolbar {
+    border: 0 !important;
+  }
+
+  /* Animações para o overlay da máscara */
+  @keyframes p-dialog-mask-enter {
+    from {
+      background-color: transparent;
+    }
+    to {
+      background-color: var(--p-dialog-mask-background);
+    }
+  }
+
+  @keyframes p-dialog-mask-leave {
+    from {
+      background-color: var(--p-dialog-mask-background);
+    }
+    to {
+      background-color: transparent;
+    }
+  }
+
+  .p-dialog-mask-enter {
+    animation: p-dialog-mask-enter 150ms forwards;
+  }
+
+  .p-dialog-mask-leave {
+    animation: p-dialog-mask-leave 150ms forwards;
+  }
+}

package/resources/assets/scss/dialogs/menu-ng19.scss

@@ -0,0 +1,138 @@
+:root {
+  --p-menu-background: var(--p-content-background);
+  --p-menu-border-color: var(--p-content-border-color);
+  --p-menu-color: var(--p-content-color);
+  --p-menu-border-radius: var(--p-content-border-radius);
+  --p-menu-shadow: var(--p-overlay-navigation-shadow);
+  --p-menu-transition-duration: var(--p-transition-duration);
+  --p-menu-list-padding: var(--p-navigation-list-padding);
+  --p-menu-list-gap: var(--p-navigation-list-gap);
+  --p-menu-item-focus-background: var(--p-navigation-item-focus-background);
+  --p-menu-item-color: var(--p-navigation-item-color);
+  --p-menu-item-focus-color: var(--p-navigation-item-focus-color);
+  --p-menu-item-padding: var(--p-navigation-item-padding);
+  --p-menu-item-border-radius: var(--p-navigation-item-border-radius);
+  --p-menu-item-gap: var(--p-navigation-item-gap);
+  --p-menu-item-icon-color: var(--p-navigation-item-icon-color);
+  --p-menu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
+  --p-menu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
+  --p-menu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
+  --p-menu-submenu-label-background: var(--p-navigation-submenu-label-background);
+  --p-menu-submenu-label-color: var(--p-navigation-submenu-label-color);
+  --p-menu-separator-border-color: var(--p-content-border-color);
+}
+
+.p-menu {
+  padding: var(--p-menu-list-padding);
+  background: var(--p-menu-background);
+  color: var(--p-menu-color);
+  border: 1px solid var(--p-menu-border-color);
+  border-radius: var(--p-menu-border-radius);
+  width: 12.5rem;
+}
+
+.p-menu .p-menuitem > .p-menuitem-content {
+  color: var(--p-menu-color);
+  transition: none;
+  border-radius: var(--p-menu-item-border-radius);
+}
+
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: var(--p-menu-color);
+  padding: var(--p-menu-item-padding);
+  user-select: none;
+}
+
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
+  color: var(--p-menu-color);
+}
+
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  color: var(--p-menu-item-icon-color);
+  margin-right: var(--p-menu-item-gap);
+}
+
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: var(--p-menu-item-icon-color);
+}
+
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+  color: var(--p-menu-color);
+  background: var(--p-menu-item-focus-background);
+}
+
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
+  color: var(--p-menu-color);
+}
+
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: var(--p-menu-item-icon-focus-color);
+}
+
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: var(--p-menu-item-focus-background);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  color: var(--p-menu-item-focus-color);
+  background: var(--p-menu-border-color);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-label {
+  color: var(--p-menu-item-focus-color);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: var(--p-menu-item-icon-focus-color);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  color: var(--p-menu-item-focus-color);
+  background: var(--p-menu-item-focus-background);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-label {
+  color: var(--p-menu-item-focus-color);
+}
+
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  color: var(--p-menu-item-icon-color);
+}
+
+.p-menu.p-menu-overlay {
+  background: var(--p-menu-background);
+  border: 0 none;
+  box-shadow: var(--p-menu-shadow);
+}
+
+.p-menu .p-submenu-header {
+  margin: 0;
+  padding: var(--p-menu-submenu-label-padding);
+  color: var(--p-menu-submenu-label-color);
+  background: var(--p-menu-submenu-label-background);
+  font-weight: var(--p-menu-submenu-label-font-weight);
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.p-menu .p-menuitem-separator {
+  border-top: 1px solid var(--p-menu-separator-border-color);
+  margin: 0.25rem 0;
+}
+
+/* Caso haja elementos adicionais, como badges, mantenha ou adapte os estilos conforme necessário */
+.p-menu .p-menuitem-badge {
+  background: #4f46e5;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 0.375rem;
+  margin-left: 0.5rem;
+  padding: 0 0.5rem;
+}