@educarehq/solaris-ui 0.25.2 → 0.27.0

package/fesm2022/educarehq-solaris-ui.mjs

@@ -1191,6 +1191,19 @@ const NAVIGATION_ICONS = [
             },
         ],
     },
+    {
+        name: 'chart-spline',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M3 3v16a2 2 0 002 2h16' },
+            { type: 'path', d: 'M7 16c.5-2 1.5-7 4-7 2 0 2 3 4 3 2.5 0 4.5-5 5-7' },
+        ],
+    },
 ];
 
 const ACTIONS_ICONS = [
@@ -1695,6 +1708,20 @@ const ACTIONS_ICONS = [
             { type: 'path', d: 'M18 15v6' },
         ],
     },
+    {
+        name: 'square-plus',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'rect', x: 3, y: 3, width: 18, height: 18, rx: 2 },
+            { type: 'path', d: 'M8 12h8' },
+            { type: 'path', d: 'M12 8v8' },
+        ],
+    },
 ];
 
 const STATUS_ICONS = [
@@ -1968,6 +1995,21 @@ const LAYOUT_ICONS = [
             { type: 'rect', x: 14, y: 14, width: 8, height: 8, rx: 2 },
         ],
     },
+    {
+        name: 'table',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M12 3v18' },
+            { type: 'rect', x: 3, y: 3, width: 18, height: 18, rx: 2 },
+            { type: 'path', d: 'M3 9h18' },
+            { type: 'path', d: 'M3 15h18' },
+        ],
+    },
 ];
 
 const BRAND_ICONS = [
@@ -2321,34 +2363,6 @@ const DATA_ICONS = [
             { type: 'circle', cx: 12, cy: 10, r: 3 },
         ],
     },
-    {
-        name: 'user',
-        viewBox: '0 0 24 24',
-        fill: 'none',
-        stroke: 'currentColor',
-        strokeWidth: 2,
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-        elements: [
-            { type: 'path', d: 'M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' },
-            { type: 'circle', cx: 12, cy: 7, r: 4 },
-        ],
-    },
-    {
-        name: 'users',
-        viewBox: '0 0 24 24',
-        fill: 'none',
-        stroke: 'currentColor',
-        strokeWidth: 2,
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-        elements: [
-            { type: 'path', d: 'M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2' },
-            { type: 'circle', cx: 9, cy: 7, r: 4 },
-            { type: 'path', d: 'M23 21v-2a4 4 0 00-3-3.87' },
-            { type: 'path', d: 'M16 3.13a4 4 0 010 7.75' },
-        ],
-    },
     {
         name: 'storage',
         viewBox: '0 0 24 24',
@@ -2407,7 +2421,22 @@ const DATA_ICONS = [
         ],
     },
     {
-        name: 'book',
+        name: 'server',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'rect', x: 2, y: 2, width: 20, height: 8, rx: 2, ry: 2 },
+            { type: 'rect', x: 2, y: 14, width: 20, height: 8, rx: 2, ry: 2 },
+            { type: 'line', x1: 6, x2: 6.01, y1: 6, y2: 6 },
+            { type: 'line', x1: 6, x2: 6.01, y1: 18, y2: 18 },
+        ],
+    },
+    {
+        name: 'package',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2417,12 +2446,15 @@ const DATA_ICONS = [
         elements: [
             {
                 type: 'path',
-                d: 'M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20',
+                d: 'M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z',
             },
+            { type: 'path', d: 'M12 22V12' },
+            { type: 'polyline', points: '3.29 7 12 12 20.71 7' },
+            { type: 'path', d: 'm7.5 4.27 9 5.15' },
         ],
     },
     {
-        name: 'server',
+        name: 'podium',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2430,14 +2462,45 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'rect', x: 2, y: 2, width: 20, height: 8, rx: 2, ry: 2 },
-            { type: 'rect', x: 2, y: 14, width: 20, height: 8, rx: 2, ry: 2 },
-            { type: 'line', x1: 6, x2: 6.01, y1: 6, y2: 6 },
-            { type: 'line', x1: 6, x2: 6.01, y1: 18, y2: 18 },
+            { type: 'path', d: 'M12 6V2h-1' },
+            {
+                type: 'path',
+                d: 'M9 15a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1',
+            },
+            { type: 'path', d: 'M9 21V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10' },
         ],
     },
     {
-        name: 'package',
+        name: 'timer',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'line', x1: 10, x2: 14, y1: 2, y2: 2 },
+            { type: 'line', x1: 12, x2: 15, y1: 14, y2: 11 },
+            { type: 'circle', cx: 12, cy: 14, r: 8 },
+        ],
+    },
+    {
+        name: 'clock-arrow-right',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M12 6v6l2 1' },
+            { type: 'path', d: 'M13.5 21.885A10 10 0 1 1 22 12' },
+            { type: 'path', d: 'M14 18h8' },
+            { type: 'path', d: 'm18 22 4-4-4-4' },
+        ],
+    },
+    {
+        name: 'truck',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2447,15 +2510,19 @@ const DATA_ICONS = [
         elements: [
             {
                 type: 'path',
-                d: 'M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z',
+                d: 'M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2',
             },
-            { type: 'path', d: 'M12 22V12' },
-            { type: 'polyline', points: '3.29 7 12 12 20.71 7' },
-            { type: 'path', d: 'm7.5 4.27 9 5.15' },
+            { type: 'path', d: 'M15 18H9' },
+            {
+                type: 'path',
+                d: 'M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14',
+            },
+            { type: 'circle', cx: 17, cy: 18, r: 2 },
+            { type: 'circle', cx: 7, cy: 18, r: 2 },
         ],
     },
     {
-        name: 'squared-text',
+        name: 'handshake',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2463,14 +2530,18 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'rect', x: 3, y: 3, width: 18, height: 18, rx: 2 },
-            { type: 'path', d: 'M7 8h8' },
-            { type: 'path', d: 'M7 12h10' },
-            { type: 'path', d: 'M7 16h6' },
+            { type: 'path', d: 'm11 17 2 2a1 1 0 1 0 3-3' },
+            {
+                type: 'path',
+                d: 'm14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4',
+            },
+            { type: 'path', d: 'm21 3 1 11h-2' },
+            { type: 'path', d: 'M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' },
+            { type: 'path', d: 'M3 4h8' },
         ],
     },
     {
-        name: 'notepad',
+        name: 'route',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2478,17 +2549,16 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M8 2v4' },
-            { type: 'path', d: 'M12 2v4' },
-            { type: 'path', d: 'M16 2v4' },
-            { type: 'rect', x: 4, y: 4, width: 16, height: 18, rx: 2 },
-            { type: 'path', d: 'M8 10h6' },
-            { type: 'path', d: 'M8 14h8' },
-            { type: 'path', d: 'M8 18h5' },
+            { type: 'circle', cx: 6, cy: 19, r: 3 },
+            {
+                type: 'path',
+                d: 'M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15',
+            },
+            { type: 'circle', cx: 18, cy: 5, r: 3 },
         ],
     },
     {
-        name: 'podium',
+        name: 'id-card',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2496,16 +2566,34 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M12 6V2h-1' },
+            { type: 'path', d: 'M16 10h2' },
+            { type: 'path', d: 'M16 14h2' },
+            { type: 'path', d: 'M6.17 15a3 3 0 0 1 5.66 0' },
+            { type: 'circle', cx: 9, cy: 11, r: 2 },
+            { type: 'rect', x: 2, y: 5, width: 20, height: 14, rx: 2 },
+        ],
+    },
+    {
+        name: 'badge',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M13.5 8h-3' },
             {
                 type: 'path',
-                d: 'M9 15a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1',
+                d: 'm15 2-1 2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3',
             },
-            { type: 'path', d: 'M9 21V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10' },
+            { type: 'path', d: 'M16.899 22A5 5 0 0 0 7.1 22' },
+            { type: 'path', d: 'm9 2 3 6' },
+            { type: 'circle', cx: 12, cy: 15, r: 3 },
         ],
     },
     {
-        name: 'timer',
+        name: 'city',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2513,13 +2601,338 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'line', x1: 10, x2: 14, y1: 2, y2: 2 },
-            { type: 'line', x1: 12, x2: 15, y1: 14, y2: 11 },
-            { type: 'circle', cx: 12, cy: 14, r: 8 },
+            { type: 'path', d: 'M10 12h4' },
+            { type: 'path', d: 'M10 8h4' },
+            { type: 'path', d: 'M14 21v-3a2 2 0 0 0-4 0v3' },
+            {
+                type: 'path',
+                d: 'M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2',
+            },
+            { type: 'path', d: 'M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16' },
+        ],
+    },
+    {
+        name: 'school',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M14 21v-3a2 2 0 0 0-4 0v3' },
+            { type: 'path', d: 'M18 4.933V21' },
+            { type: 'path', d: 'm4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6' },
+            {
+                type: 'path',
+                d: 'm6 11-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11',
+            },
+            { type: 'path', d: 'M6 4.933V21' },
+            { type: 'circle', cx: 12, cy: 9, r: 2 },
+        ],
+    },
+    {
+        name: 'balance',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M12 3v18' },
+            { type: 'path', d: 'm19 8 3 8a5 5 0 0 1-6 0zV7' },
+            { type: 'path', d: 'M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1' },
+            { type: 'path', d: 'm5 8 3 8a5 5 0 0 1-6 0zV7' },
+            { type: 'path', d: 'M7 21h10' },
+        ],
+    },
+    {
+        name: 'signature',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'm21 17-2.156-1.868A.5.5 0 0 0 18 15.5v.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-2.545-3.991-3.97-8.5-4a1 1 0 0 0 0 5c4.153 0 4.745-11.295 5.708-13.5a2.5 2.5 0 1 1 3.31 3.284',
+            },
+            { type: 'path', d: 'M3 21h18' },
+        ],
+    },
+    {
+        name: 'neighborhood',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M12.35 21H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 .71-1.53l7-6a2 2 0 0 1 2.58 0l7 6A2 2 0 0 1 21 10v2.35',
+            },
+            { type: 'path', d: 'M14.8 12.4A1 1 0 0 0 14 12h-4a1 1 0 0 0-1 1v8' },
+            { type: 'path', d: 'M15 18h6' },
+            { type: 'path', d: 'M18 15v6' },
+        ],
+    },
+    {
+        name: 'hash',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'line', x1: 4, y1: 9, x2: 20, y2: 9 },
+            { type: 'line', x1: 4, y1: 15, x2: 20, y2: 15 },
+            { type: 'line', x1: 10, y1: 3, x2: 8, y2: 21 },
+            { type: 'line', x1: 16, y1: 3, x2: 14, y2: 21 },
+        ],
+    },
+    {
+        name: 'shopping-cart',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'm2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18',
+            },
+            {
+                type: 'path',
+                d: 'M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25',
+            },
+            { type: 'circle', cx: 18, cy: 20, r: 2 },
+            { type: 'circle', cx: 8, cy: 20, r: 2 },
+        ],
+    },
+    {
+        name: 'shopping-basket',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'm15 11-1 9' },
+            { type: 'path', d: 'm19 11-4-7' },
+            { type: 'path', d: 'M2 11h20' },
+            {
+                type: 'path',
+                d: 'm3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4',
+            },
+            { type: 'path', d: 'M4.5 15.5h15' },
+            { type: 'path', d: 'm5 11 4-7' },
+            { type: 'path', d: 'm9 11 1 9' },
+        ],
+    },
+    {
+        name: 'shopping-bag',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M16 10a4 4 0 0 1-8 0' },
+            { type: 'path', d: 'M3.103 6.034h17.794' },
+            {
+                type: 'path',
+                d: 'M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z',
+            },
+        ],
+    },
+    {
+        name: 'wallet',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1',
+            },
+            {
+                type: 'path',
+                d: 'M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4',
+            },
+        ],
+    },
+    {
+        name: 'globe-off',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M10.114 4.462A14.5 14.5 0 0 1 12 2a10 10 0 0 1 9.313 13.643',
+            },
+            {
+                type: 'path',
+                d: 'M15.557 15.556A14.5 14.5 0 0 1 12 22 10 10 0 0 1 4.929 4.929',
+            },
+            {
+                type: 'path',
+                d: 'M15.892 10.234A14.5 14.5 0 0 0 12 2a10 10 0 0 0-3.643.687',
+            },
+            { type: 'path', d: 'M17.656 12H22' },
+            {
+                type: 'path',
+                d: 'M19.071 19.071A10 10 0 0 1 12 22 14.5 14.5 0 0 1 8.44 8.45',
+            },
+            { type: 'path', d: 'M2 12h10' },
+            { type: 'path', d: 'm2 2 20 20' },
+        ],
+    },
+    {
+        name: 'cookie',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M11 17h.01' },
+            {
+                type: 'path',
+                d: 'M11.496 2c.324-.016.558.292.529.615a4 4 0 004.235 4.368.713.713 0 01.758.757 4 4 0 004.366 4.237c.323-.03.63.204.614.527a10 10 0 01-2.915 6.566A1 1 0 114.93 4.918 10 10 0 0111.496 2',
+            },
+            { type: 'path', d: 'M12 12h.01' },
+            { type: 'path', d: 'M16 16h.01' },
+            { type: 'path', d: 'M16 3h.01' },
+            { type: 'path', d: 'M21 4h.01' },
+            { type: 'path', d: 'M21 8h.01' },
+            { type: 'path', d: 'M7 14h.01' },
+            { type: 'path', d: 'M9 8h.01' },
+        ],
+    },
+    {
+        name: 'backpack',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M4 10a4 4 0 014-4h8a4 4 0 014 4v10a2 2 0 01-2 2H6a2 2 0 01-2-2z',
+            },
+            { type: 'path', d: 'M8 10h8' },
+            { type: 'path', d: 'M8 18h8' },
+            { type: 'path', d: 'M8 22v-6a2 2 0 012-2h4a2 2 0 012 2v6' },
+            { type: 'path', d: 'M9 6V4a2 2 0 012-2h2a2 2 0 012 2v2' },
+        ],
+    },
+    {
+        name: 'blocks',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M10 22V7a1 1 0 00-1-1H4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-5a1 1 0 00-1-1H2',
+            },
+            { type: 'rect', x: 14, y: 2, width: 8, height: 8, rx: 1 },
+        ],
+    },
+    {
+        name: 'sparkles',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            {
+                type: 'path',
+                d: 'M11.017 2.814a1 1 0 011.966 0l1.051 5.558a2 2 0 001.594 1.594l5.558 1.051a1 1 0 010 1.966l-5.558 1.051a2 2 0 00-1.594 1.594l-1.051 5.558a1 1 0 01-1.966 0l-1.051-5.558a2 2 0 00-1.594-1.594l-5.558-1.051a1 1 0 010-1.966l5.558-1.051a2 2 0 001.594-1.594z',
+            },
+            { type: 'path', d: 'M20 2v4' },
+            { type: 'path', d: 'M22 4h-4' },
+            { type: 'circle', cx: 4, cy: 20, r: 2 },
+        ],
+    },
+    {
+        name: 'trophy',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M10 14.66V17a1 1 0 01-1 1 2 2 0 00-2 2v2' },
+            { type: 'path', d: 'M14 14.66V17a1 1 0 001 1 2 2 0 012 2v2' },
+            {
+                type: 'path',
+                d: 'M17.916 10H19.5A2.5 2.5 0 0022 7.5V5a1 1 0 00-1-1h-3',
+            },
+            { type: 'path', d: 'M4 22h16' },
+            { type: 'path', d: 'M6 9a6 6 0 0012 0V3a1 1 0 00-1-1H7a1 1 0 00-1 1z' },
+            { type: 'path', d: 'M6.084 10H4.5A2.5 2.5 0 012 7.5V5a1 1 0 011-1h3' },
+        ],
+    },
+];
+
+const PEOPLE_ICONS = [
+    {
+        name: 'user',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 12, cy: 7, r: 4 },
+        ],
+    },
+    {
+        name: 'users',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
+            { type: 'path', d: 'M23 21v-2a4 4 0 00-3-3.87' },
+            { type: 'path', d: 'M16 3.13a4 4 0 010 7.75' },
         ],
     },
     {
-        name: 'clock-arrow-right',
+        name: 'user-add',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2527,14 +2940,14 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M12 6v6l2 1' },
-            { type: 'path', d: 'M13.5 21.885A10 10 0 1 1 22 12' },
-            { type: 'path', d: 'M14 18h8' },
-            { type: 'path', d: 'm18 22 4-4-4-4' },
+            { type: 'path', d: 'M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
+            { type: 'line', x1: 19, y1: 8, x2: 19, y2: 14 },
+            { type: 'line', x1: 22, y1: 11, x2: 16, y2: 11 },
         ],
     },
     {
-        name: 'truck',
+        name: 'user-check',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2542,21 +2955,13 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            {
-                type: 'path',
-                d: 'M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2',
-            },
-            { type: 'path', d: 'M15 18H9' },
-            {
-                type: 'path',
-                d: 'M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14',
-            },
-            { type: 'circle', cx: 17, cy: 18, r: 2 },
-            { type: 'circle', cx: 7, cy: 18, r: 2 },
+            { type: 'path', d: 'm16 11 2 2 4-4' },
+            { type: 'path', d: 'M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
         ],
     },
     {
-        name: 'handshake',
+        name: 'user-circle',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2564,18 +2969,13 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'm11 17 2 2a1 1 0 1 0 3-3' },
-            {
-                type: 'path',
-                d: 'm14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4',
-            },
-            { type: 'path', d: 'm21 3 1 11h-2' },
-            { type: 'path', d: 'M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' },
-            { type: 'path', d: 'M3 4h8' },
+            { type: 'path', d: 'M17.925 20.056a6 6 0 00-11.851.001' },
+            { type: 'circle', cx: 12, cy: 11, r: 4 },
+            { type: 'circle', cx: 12, cy: 12, r: 10 },
         ],
     },
     {
-        name: 'route',
+        name: 'user-delete',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2583,16 +2983,14 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'circle', cx: 6, cy: 19, r: 3 },
-            {
-                type: 'path',
-                d: 'M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15',
-            },
-            { type: 'circle', cx: 18, cy: 5, r: 3 },
+            { type: 'path', d: 'M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
+            { type: 'line', x1: 17, y1: 8, x2: 22, y2: 13 },
+            { type: 'line', x1: 22, y1: 8, x2: 17, y2: 13 },
         ],
     },
     {
-        name: 'id-card',
+        name: 'user-edit',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2600,15 +2998,16 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M16 10h2' },
-            { type: 'path', d: 'M16 14h2' },
-            { type: 'path', d: 'M6.17 15a3 3 0 0 1 5.66 0' },
-            { type: 'circle', cx: 9, cy: 11, r: 2 },
-            { type: 'rect', x: 2, y: 5, width: 20, height: 14, rx: 2 },
+            { type: 'path', d: 'M11.5 15H7a4 4 0 00-4 4v2' },
+            {
+                type: 'path',
+                d: 'M21.378 16.626a1 1 0 00-3.004-3.004l-4.01 4.012a2 2 0 00-.506.854l-.837 2.87a.5.5 0 00.62.62l2.87-.837a2 2 0 00.854-.506z',
+            },
+            { type: 'circle', cx: 10, cy: 7, r: 4 },
         ],
     },
     {
-        name: 'badge',
+        name: 'user-file',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2616,18 +3015,17 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M13.5 8h-3' },
             {
                 type: 'path',
-                d: 'm15 2-1 2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3',
+                d: 'M6 22a2 2 0 01-2-2V4a2 2 0 012-2h8a2.4 2.4 0 011.704.706l3.588 3.588A2.4 2.4 0 0120 8v12a2 2 0 01-2 2z',
             },
-            { type: 'path', d: 'M16.899 22A5 5 0 0 0 7.1 22' },
-            { type: 'path', d: 'm9 2 3 6' },
+            { type: 'path', d: 'M14 2v5a1 1 0 001 1h5' },
+            { type: 'path', d: 'M16 22a4 4 0 00-8 0' },
             { type: 'circle', cx: 12, cy: 15, r: 3 },
         ],
     },
     {
-        name: 'city',
+        name: 'user-gear',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2635,18 +3033,21 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M10 12h4' },
-            { type: 'path', d: 'M10 8h4' },
-            { type: 'path', d: 'M14 21v-3a2 2 0 0 0-4 0v3' },
-            {
-                type: 'path',
-                d: 'M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2',
-            },
-            { type: 'path', d: 'M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16' },
+            { type: 'path', d: 'M10 15H6a4 4 0 00-4 4v2' },
+            { type: 'path', d: 'm14.305 16.53.923-.382' },
+            { type: 'path', d: 'm15.228 13.852-.923-.383' },
+            { type: 'path', d: 'm16.852 12.228-.383-.923' },
+            { type: 'path', d: 'm16.852 17.772-.383.924' },
+            { type: 'path', d: 'm19.148 12.228.383-.923' },
+            { type: 'path', d: 'm19.53 18.696-.382-.924' },
+            { type: 'path', d: 'm20.772 13.852.924-.383' },
+            { type: 'path', d: 'm20.772 16.148.924.383' },
+            { type: 'circle', cx: 18, cy: 15, r: 3 },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
         ],
     },
     {
-        name: 'school',
+        name: 'user-group',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2654,19 +3055,16 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M14 21v-3a2 2 0 0 0-4 0v3' },
-            { type: 'path', d: 'M18 4.933V21' },
-            { type: 'path', d: 'm4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6' },
-            {
-                type: 'path',
-                d: 'm6 11-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11',
-            },
-            { type: 'path', d: 'M6 4.933V21' },
-            { type: 'circle', cx: 12, cy: 9, r: 2 },
+            { type: 'path', d: 'M17 21a5 5 0 00-10 0' },
+            { type: 'path', d: 'M22 10.5a3.5 3.5 0 00-5.507-2.868' },
+            { type: 'path', d: 'M7.507 7.632A3.5 3.5 0 002 10.5' },
+            { type: 'circle', cx: 12, cy: 13, r: 3 },
+            { type: 'circle', cx: 18.5, cy: 4.5, r: 2.5 },
+            { type: 'circle', cx: 5.5, cy: 4.5, r: 2.5 },
         ],
     },
     {
-        name: 'balance',
+        name: 'user-remove',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2674,15 +3072,13 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M12 3v18' },
-            { type: 'path', d: 'm19 8 3 8a5 5 0 0 1-6 0zV7' },
-            { type: 'path', d: 'M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1' },
-            { type: 'path', d: 'm5 8 3 8a5 5 0 0 1-6 0zV7' },
-            { type: 'path', d: 'M7 21h10' },
+            { type: 'path', d: 'M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 9, cy: 7, r: 4 },
+            { type: 'line', x1: 22, y1: 11, x2: 16, y2: 11 },
         ],
     },
     {
-        name: 'signature',
+        name: 'user-square',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2690,15 +3086,13 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            {
-                type: 'path',
-                d: 'm21 17-2.156-1.868A.5.5 0 0 0 18 15.5v.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-2.545-3.991-3.97-8.5-4a1 1 0 0 0 0 5c4.153 0 4.745-11.295 5.708-13.5a2.5 2.5 0 1 1 3.31 3.284',
-            },
-            { type: 'path', d: 'M3 21h18' },
+            { type: 'path', d: 'M18 21a6 6 0 00-12 0' },
+            { type: 'circle', cx: 12, cy: 11, r: 4 },
+            { type: 'rect', x: 3, y: 3, width: 18, height: 18, rx: 2 },
         ],
     },
     {
-        name: 'neighborhood',
+        name: 'user-star',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2708,15 +3102,17 @@ const DATA_ICONS = [
         elements: [
             {
                 type: 'path',
-                d: 'M12.35 21H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 .71-1.53l7-6a2 2 0 0 1 2.58 0l7 6A2 2 0 0 1 21 10v2.35',
+                d: 'M16.051 12.616a1 1 0 011.909.024l.737 1.452a1 1 0 00.737.535l1.634.256a1 1 0 01.588 1.806l-1.172 1.168a1 1 0 00-.282.866l.259 1.613a1 1 0 01-1.541 1.134l-1.465-.75a1 1 0 00-.912 0l-1.465.75a1 1 0 01-1.539-1.133l.258-1.613a1 1 0 00-.282-.866l-1.156-1.153a1 1 0 01.572-1.822l1.633-.256a1 1 0 00.737-.535z',
             },
-            { type: 'path', d: 'M14.8 12.4A1 1 0 0 0 14 12h-4a1 1 0 0 0-1 1v8' },
-            { type: 'path', d: 'M15 18h6' },
-            { type: 'path', d: 'M18 15v6' },
+            { type: 'path', d: 'M8 15H7a4 4 0 00-4 4v2' },
+            { type: 'circle', cx: 10, cy: 7, r: 4 },
         ],
     },
+];
+
+const DOCUMENTS_ICONS = [
     {
-        name: 'book-user',
+        name: 'book',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2724,16 +3120,14 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M15 13a3 3 0 1 0-6 0' },
             {
                 type: 'path',
                 d: 'M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20',
             },
-            { type: 'circle', cx: 12, cy: 8, r: 2 },
         ],
     },
     {
-        name: 'hash',
+        name: 'squared-text',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2741,14 +3135,14 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'line', x1: 4, y1: 9, x2: 20, y2: 9 },
-            { type: 'line', x1: 4, y1: 15, x2: 20, y2: 15 },
-            { type: 'line', x1: 10, y1: 3, x2: 8, y2: 21 },
-            { type: 'line', x1: 16, y1: 3, x2: 14, y2: 21 },
+            { type: 'rect', x: 3, y: 3, width: 18, height: 18, rx: 2 },
+            { type: 'path', d: 'M7 8h8' },
+            { type: 'path', d: 'M7 12h10' },
+            { type: 'path', d: 'M7 16h6' },
         ],
     },
     {
-        name: 'shopping-cart',
+        name: 'notepad',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2756,20 +3150,17 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            {
-                type: 'path',
-                d: 'm2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18',
-            },
-            {
-                type: 'path',
-                d: 'M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25',
-            },
-            { type: 'circle', cx: 18, cy: 20, r: 2 },
-            { type: 'circle', cx: 8, cy: 20, r: 2 },
+            { type: 'path', d: 'M8 2v4' },
+            { type: 'path', d: 'M12 2v4' },
+            { type: 'path', d: 'M16 2v4' },
+            { type: 'rect', x: 4, y: 4, width: 16, height: 18, rx: 2 },
+            { type: 'path', d: 'M8 10h6' },
+            { type: 'path', d: 'M8 14h8' },
+            { type: 'path', d: 'M8 18h5' },
         ],
     },
     {
-        name: 'shopping-basket',
+        name: 'book-user',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2777,20 +3168,16 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'm15 11-1 9' },
-            { type: 'path', d: 'm19 11-4-7' },
-            { type: 'path', d: 'M2 11h20' },
+            { type: 'path', d: 'M15 13a3 3 0 1 0-6 0' },
             {
                 type: 'path',
-                d: 'm3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4',
+                d: 'M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20',
             },
-            { type: 'path', d: 'M4.5 15.5h15' },
-            { type: 'path', d: 'm5 11 4-7' },
-            { type: 'path', d: 'm9 11 1 9' },
+            { type: 'circle', cx: 12, cy: 8, r: 2 },
         ],
     },
     {
-        name: 'shopping-bag',
+        name: 'file-text',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2798,16 +3185,18 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M16 10a4 4 0 0 1-8 0' },
-            { type: 'path', d: 'M3.103 6.034h17.794' },
             {
                 type: 'path',
-                d: 'M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z',
+                d: 'M6 22a2 2 0 01-2-2V4a2 2 0 012-2h8a2.4 2.4 0 011.704.706l3.588 3.588A2.4 2.4 0 0120 8v12a2 2 0 01-2 2z',
             },
+            { type: 'path', d: 'M14 2v5a1 1 0 001 1h5' },
+            { type: 'path', d: 'M10 9H8' },
+            { type: 'path', d: 'M16 13H8' },
+            { type: 'path', d: 'M16 17H8' },
         ],
     },
     {
-        name: 'wallet',
+        name: 'notebook-pen',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2817,16 +3206,20 @@ const DATA_ICONS = [
         elements: [
             {
                 type: 'path',
-                d: 'M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1',
+                d: 'M13.4 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2v-7.4',
             },
+            { type: 'path', d: 'M2 6h4' },
+            { type: 'path', d: 'M2 10h4' },
+            { type: 'path', d: 'M2 14h4' },
+            { type: 'path', d: 'M2 18h4' },
             {
                 type: 'path',
-                d: 'M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4',
+                d: 'M21.378 5.626a1 1 0 10-3.004-3.004l-5.01 5.012a2 2 0 00-.506.854l-.837 2.87a.5.5 0 00.62.62l2.87-.837a2 2 0 00.854-.506z',
             },
         ],
     },
     {
-        name: 'globe-off',
+        name: 'notebook-text',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2834,29 +3227,36 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
+            { type: 'path', d: 'M2 6h4' },
+            { type: 'path', d: 'M2 10h4' },
+            { type: 'path', d: 'M2 14h4' },
+            { type: 'path', d: 'M2 18h4' },
+            { type: 'rect', x: 4, y: 2, width: 16, height: 20, rx: 2 },
+            { type: 'path', d: 'M9.5 8h5' },
+            { type: 'path', d: 'M9.5 12H16' },
+            { type: 'path', d: 'M9.5 16H14' },
+        ],
+    },
+    {
+        name: 'receipt',
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        elements: [
+            { type: 'path', d: 'M13 16H8' },
+            { type: 'path', d: 'M14 8H8' },
+            { type: 'path', d: 'M16 12H8' },
             {
                 type: 'path',
-                d: 'M10.114 4.462A14.5 14.5 0 0 1 12 2a10 10 0 0 1 9.313 13.643',
-            },
-            {
-                type: 'path',
-                d: 'M15.557 15.556A14.5 14.5 0 0 1 12 22 10 10 0 0 1 4.929 4.929',
-            },
-            {
-                type: 'path',
-                d: 'M15.892 10.234A14.5 14.5 0 0 0 12 2a10 10 0 0 0-3.643.687',
-            },
-            { type: 'path', d: 'M17.656 12H22' },
-            {
-                type: 'path',
-                d: 'M19.071 19.071A10 10 0 0 1 12 22 14.5 14.5 0 0 1 8.44 8.45',
+                d: 'M4 3a1 1 0 011-1 1.3 1.3 0 01.7.2l.933.6a1.3 1.3 0 001.4 0l.934-.6a1.3 1.3 0 011.4 0l.933.6a1.3 1.3 0 001.4 0l.933-.6a1.3 1.3 0 011.4 0l.934.6a1.3 1.3 0 001.4 0l.933-.6A1.3 1.3 0 0119 2a1 1 0 011 1v18a1 1 0 01-1 1 1.3 1.3 0 01-.7-.2l-.933-.6a1.3 1.3 0 00-1.4 0l-.934.6a1.3 1.3 0 01-1.4 0l-.933-.6a1.3 1.3 0 00-1.4 0l-.933.6a1.3 1.3 0 01-1.4 0l-.934-.6a1.3 1.3 0 00-1.4 0l-.933.6a1.3 1.3 0 01-.7.2 1 1 0 01-1-1z',
             },
-            { type: 'path', d: 'M2 12h10' },
-            { type: 'path', d: 'm2 2 20 20' },
         ],
     },
     {
-        name: 'cookie',
+        name: 'sticky-note',
         viewBox: '0 0 24 24',
         fill: 'none',
         stroke: 'currentColor',
@@ -2864,18 +3264,11 @@ const DATA_ICONS = [
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         elements: [
-            { type: 'path', d: 'M11 17h.01' },
             {
                 type: 'path',
-                d: 'M11.496 2c.324-.016.558.292.529.615a4 4 0 004.235 4.368.713.713 0 01.758.757 4 4 0 004.366 4.237c.323-.03.63.204.614.527a10 10 0 01-2.915 6.566A1 1 0 114.93 4.918 10 10 0 0111.496 2',
+                d: 'M21 9a2.4 2.4 0 00-.706-1.706l-3.588-3.588A2.4 2.4 0 0015 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2z',
             },
-            { type: 'path', d: 'M12 12h.01' },
-            { type: 'path', d: 'M16 16h.01' },
-            { type: 'path', d: 'M16 3h.01' },
-            { type: 'path', d: 'M21 4h.01' },
-            { type: 'path', d: 'M21 8h.01' },
-            { type: 'path', d: 'M7 14h.01' },
-            { type: 'path', d: 'M9 8h.01' },
+            { type: 'path', d: 'M15 3v5a1 1 0 001 1h5' },
         ],
     },
 ];
@@ -2890,6 +3283,8 @@ const SOLARIS_BUILT_IN_ICONS = [
     ...MEDIA_ICONS,
     ...BRAND_ICONS,
     ...DATA_ICONS,
+    ...PEOPLE_ICONS,
+    ...DOCUMENTS_ICONS,
 ];
 
 class SolarisIconRegistryService {
@@ -13941,7 +14336,7 @@ class SolarisDialogContainerComponent {
     get hostVariant() {
         if (this.simpleOptions())
             return this.simpleOptions()?.variant ?? 'neutral';
-        return null;
+        return this.externalComponentConfig()?.variant ?? null;
     }
     get hostPlacement() {
         if (this.simpleOptions())
@@ -13984,37 +14379,148 @@ class SolarisDialogContainerComponent {
     }
     get panelAriaLabel() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaLabelKey) {
+                return (this.translateService?.translate(options.ariaLabelKey) ??
+                    options.ariaLabel ??
+                    null);
+            }
+            return options.ariaLabel ?? null;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaLabelKey) {
-            return (this.translateService?.translate(options.ariaLabelKey) ??
-                options.ariaLabel ??
+        if (config.ariaLabelKey) {
+            return (this.translateService?.translate(config.ariaLabelKey) ??
+                config.ariaLabel ??
                 null);
         }
-        return options.ariaLabel ?? null;
+        return config.ariaLabel ?? null;
     }
     get panelAriaLabelledBy() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaLabelledBy)
+                return options.ariaLabelledBy;
+            if (options.ariaLabel ?? options.ariaLabelKey)
+                return null;
+            if (!options.title && !options.titleKey)
+                return null;
+            return `${this.dialogRef.id}-title`;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaLabelledBy)
-            return options.ariaLabelledBy;
-        if (options.ariaLabel ?? options.ariaLabelKey)
+        if (config.ariaLabelledBy)
+            return config.ariaLabelledBy;
+        if (config.ariaLabel ?? config.ariaLabelKey)
             return null;
-        if (!options.title && !options.titleKey)
+        if (!this.chromeTitle)
             return null;
         return `${this.dialogRef.id}-title`;
     }
     get panelAriaDescribedBy() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaDescribedBy)
+                return options.ariaDescribedBy;
+            if (!options.description && !options.descriptionKey)
+                return null;
+            return `${this.dialogRef.id}-description`;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaDescribedBy)
-            return options.ariaDescribedBy;
-        if (!options.description && !options.descriptionKey)
+        if (config.ariaDescribedBy)
+            return config.ariaDescribedBy;
+        if (!this.chromeDescription)
             return null;
         return `${this.dialogRef.id}-description`;
     }
+    get hasChromeHeader() {
+        if (this.simpleOptions())
+            return false;
+        const config = this.externalComponentConfig();
+        if (!config)
+            return false;
+        return Boolean(config.title ??
+            config.titleKey ??
+            config.description ??
+            config.descriptionKey ??
+            config.icon);
+    }
+    get chromeTitle() {
+        const config = this.externalComponentConfig();
+        if (!config)
+            return undefined;
+        if (config.titleKey) {
+            return this.translateService?.translate(config.titleKey) ?? config.title;
+        }
+        return config.title;
+    }
+    get chromeDescription() {
+        const config = this.externalComponentConfig();
+        if (!config)
+            return undefined;
+        if (config.descriptionKey) {
+            return (this.translateService?.translate(config.descriptionKey) ??
+                config.description);
+        }
+        return config.description;
+    }
+    get chromeIcon() {
+        return this.externalComponentConfig()?.icon;
+    }
+    get chromeIconDecorative() {
+        return this.externalComponentConfig()?.iconDecorative ?? false;
+    }
+    get chromeVariant() {
+        return this.externalComponentConfig()?.variant ?? 'neutral';
+    }
+    get chromeHeaderSeparator() {
+        return this.externalComponentConfig()?.headerSeparator ?? true;
+    }
+    get hasChromeActions() {
+        if (this.simpleOptions())
+            return false;
+        const actions = this.externalComponentConfig()?.actions;
+        return !!actions && actions.length > 0;
+    }
+    get chromeActions() {
+        const config = this.externalComponentConfig();
+        const variant = config?.variant ?? 'neutral';
+        const shape = config?.actionsShape;
+        const density = config?.actionsDensity;
+        const radius = config?.actionsRadius;
+        return (config?.actions ?? []).map((action) => {
+            const appearance = action.appearance ?? 'solid';
+            const hasExplicitColor = action.color !== undefined;
+            const color = hasExplicitColor
+                ? action.color
+                : appearance === 'solid'
+                    ? variant
+                    : undefined;
+            return {
+                ...action,
+                color,
+                shape: action.shape ?? shape,
+                density: action.density ?? density,
+                radius: action.radius ?? radius,
+            };
+        });
+    }
+    get chromeActionsAlign() {
+        return this.externalComponentConfig()?.actionsAlign ?? 'end';
+    }
+    get chromeActionsStack() {
+        return this.externalComponentConfig()?.actionsStack ?? 'auto';
+    }
+    get chromeFooterSeparator() {
+        return this.externalComponentConfig()?.footerSeparator ?? true;
+    }
+    get chromeDensity() {
+        return this.externalComponentConfig()?.density;
+    }
     get resolvedCloseLabel() {
         const closeLabelKey = this.simpleOptions()
             ? this.simpleOptions()?.closeLabelKey
@@ -14146,11 +14652,17 @@ class SolarisDialogContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogContainerComponent, isStandalone: true, selector: "solaris-dialog-container", inputs: { externalComponent: { classPropertyName: "externalComponent", publicName: "externalComponent", isSignal: true, isRequired: false, transformFunction: null }, simpleOptions: { classPropertyName: "simpleOptions", publicName: "simpleOptions", isSignal: true, isRequired: false, transformFunction: null }, externalComponentConfig: { classPropertyName: "externalComponentConfig", publicName: "externalComponentConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" }, properties: { "attr.data-fullscreen": "hostFullscreen", "attr.data-radius": "hostRadius", "attr.data-variant": "hostVariant", "attr.data-density": "hostDensity", "attr.data-backdrop": "hasBackdrop", "attr.data-appearance": "hostAppearance", "attr.data-placement": "hostPlacement", "attr.data-header-separator": "hostHeaderSeparator", "attr.data-footer-separator": "hostFooterSeparator" }, classAttribute: "solaris-dialog-container" }, viewQueries: [{ propertyName: "_componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_dialogPanel", first: true, predicate: ["dialogPanel"], descendants: true, isSignal: true }, { propertyName: "_focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SolarisDialogComponent, selector: "solaris-dialog", inputs: ["options"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogContainerComponent, isStandalone: true, selector: "solaris-dialog-container", inputs: { externalComponent: { classPropertyName: "externalComponent", publicName: "externalComponent", isSignal: true, isRequired: false, transformFunction: null }, simpleOptions: { classPropertyName: "simpleOptions", publicName: "simpleOptions", isSignal: true, isRequired: false, transformFunction: null }, externalComponentConfig: { classPropertyName: "externalComponentConfig", publicName: "externalComponentConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" }, properties: { "attr.data-fullscreen": "hostFullscreen", "attr.data-radius": "hostRadius", "attr.data-variant": "hostVariant", "attr.data-density": "hostDensity", "attr.data-backdrop": "hasBackdrop", "attr.data-appearance": "hostAppearance", "attr.data-placement": "hostPlacement", "attr.data-header-separator": "hostHeaderSeparator", "attr.data-footer-separator": "hostFooterSeparator" }, classAttribute: "solaris-dialog-container" }, viewQueries: [{ propertyName: "_componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_dialogPanel", first: true, predicate: ["dialogPanel"], descendants: true, isSignal: true }, { propertyName: "_focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      @if (hasChromeHeader) {\n        <solaris-dialog-header\n          [icon]=\"chromeIcon\"\n          [title]=\"chromeTitle\"\n          [variant]=\"chromeVariant\"\n          [description]=\"chromeDescription\"\n          [separator]=\"chromeHeaderSeparator\"\n          [iconDecorative]=\"chromeIconDecorative\"\n        />\n      }\n      <div class=\"solaris-dialog-panel__body\">\n        <ng-template #componentHost></ng-template>\n      </div>\n      @if (hasChromeActions) {\n        <solaris-dialog-actions\n          [actions]=\"chromeActions\"\n          [align]=\"chromeActionsAlign\"\n          [stack]=\"chromeActionsStack\"\n          [separator]=\"chromeFooterSeparator\"\n          [density]=\"chromeDensity\"\n        />\n      }\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-panel__body{flex:1;min-height:0;overflow-y:auto}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SolarisDialogComponent, selector: "solaris-dialog", inputs: ["options"] }, { kind: "component", type: SolarisDialogHeaderComponent, selector: "solaris-dialog-header", inputs: ["icon", "title", "description", "iconDecorative", "variant", "separator"] }, { kind: "component", type: SolarisDialogActionsComponent, selector: "solaris-dialog-actions", inputs: ["actions", "align", "stack", "separator", "density"], outputs: ["actionExecuted"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'solaris-dialog-container', standalone: true, imports: [CdkTrapFocus, SolarisDialogComponent, SolarisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'solaris-dialog-container', standalone: true, imports: [
+                        CdkTrapFocus,
+                        SolarisDialogComponent,
+                        SolarisDialogHeaderComponent,
+                        SolarisDialogActionsComponent,
+                        SolarisIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-fullscreen]': 'hostFullscreen',
                         class: 'solaris-dialog-container',
                         '[attr.data-radius]': 'hostRadius',
@@ -14161,7 +14673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         '[attr.data-placement]': 'hostPlacement',
                         '[attr.data-header-separator]': 'hostHeaderSeparator',
                         '[attr.data-footer-separator]': 'hostFooterSeparator',
-                    }, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"] }]
+                    }, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      @if (hasChromeHeader) {\n        <solaris-dialog-header\n          [icon]=\"chromeIcon\"\n          [title]=\"chromeTitle\"\n          [variant]=\"chromeVariant\"\n          [description]=\"chromeDescription\"\n          [separator]=\"chromeHeaderSeparator\"\n          [iconDecorative]=\"chromeIconDecorative\"\n        />\n      }\n      <div class=\"solaris-dialog-panel__body\">\n        <ng-template #componentHost></ng-template>\n      </div>\n      @if (hasChromeActions) {\n        <solaris-dialog-actions\n          [actions]=\"chromeActions\"\n          [align]=\"chromeActionsAlign\"\n          [stack]=\"chromeActionsStack\"\n          [separator]=\"chromeFooterSeparator\"\n          [density]=\"chromeDensity\"\n        />\n      }\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-panel__body{flex:1;min-height:0;overflow-y:auto}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { externalComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponent", required: false }] }], simpleOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "simpleOptions", required: false }] }], externalComponentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponentConfig", required: false }] }], _componentHost: [{ type: i0.ViewChild, args: ['componentHost', { ...{
                             read: ViewContainerRef,
                         }, isSignal: true }] }], _dialogPanel: [{ type: i0.ViewChild, args: ['dialogPanel', { isSignal: true }] }], _focusTrap: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], onEscapePress: [{
@@ -14244,15 +14756,16 @@ class SolarisDialogService {
     openComponent(component, config) {
         const id = `solaris-dialog-${++nextDialogId}`;
         const ref = new SolarisDialogRef(id);
-        const data = config?.data;
-        const overlayRef = this.createOverlay(config?.placement, config?.backdrop);
+        const mergedConfig = this.resolveComponentConfig(config ?? {});
+        const data = mergedConfig.data;
+        const overlayRef = this.createOverlay(mergedConfig.placement, mergedConfig.backdrop);
         const injector = this.createInjector(ref, data);
         const portal = new ComponentPortal(SolarisDialogContainerComponent, null, injector);
         const componentRef = overlayRef.attach(portal);
         componentRef.setInput('externalComponent', component);
-        componentRef.setInput('externalComponentConfig', config ?? {});
+        componentRef.setInput('externalComponentConfig', mergedConfig);
         this.trackDialog(ref, overlayRef, {
-            restoreFocus: config?.restoreFocus ?? this.config.restoreFocus ?? true,
+            restoreFocus: mergedConfig.restoreFocus ?? true,
             previouslyFocused: this.document.activeElement,
         });
         return ref;
@@ -14369,6 +14882,30 @@ class SolarisDialogService {
             actionsStack: options.actionsStack ?? this.config.actionsStack ?? 'auto',
         };
     }
+    resolveComponentConfig(config) {
+        return {
+            ...config,
+            appearance: config.appearance ?? this.config.appearance,
+            fullscreen: config.fullscreen ?? this.config.fullscreen ?? false,
+            closeable: config.closeable ?? this.config.closeable ?? true,
+            backdrop: config.backdrop ?? this.config.backdrop ?? true,
+            closeOnEscape: config.closeOnEscape ?? this.config.closeOnEscape ?? true,
+            closeOnBackdropClick: config.closeOnBackdropClick ?? this.config.closeOnBackdropClick ?? true,
+            autoFocus: config.autoFocus ?? this.config.autoFocus,
+            restoreFocus: config.restoreFocus ?? this.config.restoreFocus ?? true,
+            role: config.role ?? this.config.role,
+            placement: config.placement ?? this.config.placement ?? 'center',
+            headerSeparator: config.headerSeparator ?? this.config.headerSeparator ?? true,
+            footerSeparator: config.footerSeparator ?? this.config.footerSeparator ?? true,
+            radius: config.radius ?? this.config.radius,
+            density: config.density ?? this.config.density,
+            actionsShape: config.actionsShape ?? this.config.actionsShape,
+            actionsDensity: config.actionsDensity ?? this.config.actionsDensity,
+            actionsRadius: config.actionsRadius ?? this.config.actionsRadius,
+            actionsAlign: config.actionsAlign ?? this.config.actionsAlign ?? 'end',
+            actionsStack: config.actionsStack ?? this.config.actionsStack ?? 'auto',
+        };
+    }
     closeAll() {
         for (const entry of this.openDialogs) {
             entry.ref.close();
@@ -14381,6 +14918,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
+class SolarisDialogFooterComponent {
+    align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    separator = input(true, { ...(ngDevMode ? { debugName: "separator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SolarisDialogFooterComponent, isStandalone: true, selector: "solaris-dialog-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()", "attr.data-separator": "separator() ? '' : null", "attr.data-density": "density()" }, classAttribute: "solaris-dialog-footer" }, ngImport: i0, template: "<div class=\"solaris-dialog-footer__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}.solaris-dialog-footer__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-footer__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-footer__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-footer__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-footer__inner{justify-content:space-between}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'solaris-dialog-footer',
+                        '[attr.data-align]': 'align()',
+                        '[attr.data-separator]': "separator() ? '' : null",
+                        '[attr.data-density]': 'density()',
+                    }, template: "<div class=\"solaris-dialog-footer__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}.solaris-dialog-footer__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-footer__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-footer__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-footer__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-footer__inner{justify-content:space-between}\n"] }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }] } });
+
+class SolarisDialogCloseDirective {
+    dialogRef = inject(SOLARIS_DIALOG_REF, {
+        optional: true,
+    });
+    closeResult = input(undefined, { ...(ngDevMode ? { debugName: "closeResult" } : /* istanbul ignore next */ {}), alias: 'solarisDialogClose' });
+    onClick() {
+        this.dialogRef?.close(this.closeResult());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: SolarisDialogCloseDirective, isStandalone: true, selector: "[solaris-dialog-close]", inputs: { closeResult: { classPropertyName: "closeResult", publicName: "solarisDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-dialog-close]',
+                    standalone: true,
+                }]
+        }], propDecorators: { closeResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisDialogClose", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
 class SolarisDialogStepComponent {
     templateRef = viewChild.required(TemplateRef);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -17723,5 +18299,5 @@ function provideSolaris(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_DIALOG_CONFIG, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_REF, SOLARIS_ICONS_CONFIG, SOLARIS_SEGMENTED_CONTROL, SOLARIS_STEPPER, SOLARIS_TABS, SOLARIS_THEME_CONFIG, SOLARIS_TOAST_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAccordionComponent, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisAnimatedIconComponent, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisBreadcrumbComponent, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisCheckboxComponent, SolarisCheckboxGroupComponent, SolarisCollapsibleComponent, SolarisDatePickerComponent, SolarisDateRangePickerComponent, SolarisDialogActionsComponent, SolarisDialogComponent, SolarisDialogContainerComponent, SolarisDialogContentComponent, SolarisDialogFlowComponent, SolarisDialogHeaderComponent, SolarisDialogRef, SolarisDialogService, SolarisDialogStepComponent, SolarisDividerComponent, SolarisDividerStackComponent, SolarisDropdownMenuComponent, SolarisDropdownMenuGroupComponent, SolarisDropdownMenuItemComponent, SolarisDropdownMenuLabelComponent, SolarisDropdownMenuTriggerDirective, SolarisDropdownSubmenuComponent, SolarisDropdownSubmenuTriggerComponent, SolarisEditableTabComponent, SolarisEditableTabsComponent, SolarisEmailFieldComponent, SolarisFormErrorComponent, SolarisFormFieldComponent, SolarisFormHintComponent, SolarisFormLabelActionDirective, SolarisFormLabelComponent, SolarisFormPrefixDirective, SolarisFormSuffixDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisInputDirective, SolarisLoadingTextComponent, SolarisMegaMenuAnchorDirective, SolarisMegaMenuComponent, SolarisMegaMenuGroupDirective, SolarisMegaMenuPanelDirective, SolarisMegaMenuTriggerDirective, SolarisMenuToggleDirective, SolarisMultiSelectComponent, SolarisOptionComponent, SolarisOptionDescriptionDirective, SolarisOptionGroupComponent, SolarisOptionLabelDirective, SolarisOptionLeadingDirective, SolarisOptionMetaDirective, SolarisOptionTrailingDirective, SolarisOtpInputComponent, SolarisPasswordFieldComponent, SolarisPhoneCountryListComponent, SolarisPhoneFieldComponent, SolarisPopoverDirective, SolarisPopoverPanelComponent, SolarisPopoverTriggerDirective, SolarisProgressComponent, SolarisRadioComponent, SolarisRadioGroupComponent, SolarisSegmentedControlComponent, SolarisSegmentedItemComponent, SolarisSelectComponent, SolarisSelectionCardComponent, SolarisSelectionCardContentDirective, SolarisSelectionCardDescriptionDirective, SolarisSelectionCardFooterDirective, SolarisSelectionCardHeaderDirective, SolarisSelectionCardMediaDirective, SolarisSelectionCardTitleDirective, SolarisSkeletonComponent, SolarisSpinnerComponent, SolarisStepComponent, SolarisStepperActionsComponent, SolarisStepperComponent, SolarisStepperContentComponent, SolarisSwitchComponent, SolarisSwitchGroupComponent, SolarisTabComponent, SolarisTabPanelComponent, SolarisTabsComponent, SolarisTextareaDirective, SolarisThemeService, SolarisToastComponent, SolarisToastContainerComponent, SolarisToastService, SolarisTooltipDirective, SolarisTooltipPanelComponent, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, nextIdFor, provideSolaris, provideSolarisAccessibilityTesting, provideSolarisTesting, provideSolarisThemeTesting, provideSolarisTranslateTesting, resolveElementId, solarisAllowedDomainsValidator, solarisBlockedDomainsValidator, solarisEmailValidator, solarisOtpValidator, solarisPasswordValidator, solarisPhoneValidator };
+export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_DIALOG_CONFIG, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_REF, SOLARIS_ICONS_CONFIG, SOLARIS_SEGMENTED_CONTROL, SOLARIS_STEPPER, SOLARIS_TABS, SOLARIS_THEME_CONFIG, SOLARIS_TOAST_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAccordionComponent, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisAnimatedIconComponent, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisBreadcrumbComponent, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisCheckboxComponent, SolarisCheckboxGroupComponent, SolarisCollapsibleComponent, SolarisDatePickerComponent, SolarisDateRangePickerComponent, SolarisDialogActionsComponent, SolarisDialogCloseDirective, SolarisDialogComponent, SolarisDialogContainerComponent, SolarisDialogContentComponent, SolarisDialogFlowComponent, SolarisDialogFooterComponent, SolarisDialogHeaderComponent, SolarisDialogRef, SolarisDialogService, SolarisDialogStepComponent, SolarisDividerComponent, SolarisDividerStackComponent, SolarisDropdownMenuComponent, SolarisDropdownMenuGroupComponent, SolarisDropdownMenuItemComponent, SolarisDropdownMenuLabelComponent, SolarisDropdownMenuTriggerDirective, SolarisDropdownSubmenuComponent, SolarisDropdownSubmenuTriggerComponent, SolarisEditableTabComponent, SolarisEditableTabsComponent, SolarisEmailFieldComponent, SolarisFormErrorComponent, SolarisFormFieldComponent, SolarisFormHintComponent, SolarisFormLabelActionDirective, SolarisFormLabelComponent, SolarisFormPrefixDirective, SolarisFormSuffixDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisInputDirective, SolarisLoadingTextComponent, SolarisMegaMenuAnchorDirective, SolarisMegaMenuComponent, SolarisMegaMenuGroupDirective, SolarisMegaMenuPanelDirective, SolarisMegaMenuTriggerDirective, SolarisMenuToggleDirective, SolarisMultiSelectComponent, SolarisOptionComponent, SolarisOptionDescriptionDirective, SolarisOptionGroupComponent, SolarisOptionLabelDirective, SolarisOptionLeadingDirective, SolarisOptionMetaDirective, SolarisOptionTrailingDirective, SolarisOtpInputComponent, SolarisPasswordFieldComponent, SolarisPhoneCountryListComponent, SolarisPhoneFieldComponent, SolarisPopoverDirective, SolarisPopoverPanelComponent, SolarisPopoverTriggerDirective, SolarisProgressComponent, SolarisRadioComponent, SolarisRadioGroupComponent, SolarisSegmentedControlComponent, SolarisSegmentedItemComponent, SolarisSelectComponent, SolarisSelectionCardComponent, SolarisSelectionCardContentDirective, SolarisSelectionCardDescriptionDirective, SolarisSelectionCardFooterDirective, SolarisSelectionCardHeaderDirective, SolarisSelectionCardMediaDirective, SolarisSelectionCardTitleDirective, SolarisSkeletonComponent, SolarisSpinnerComponent, SolarisStepComponent, SolarisStepperActionsComponent, SolarisStepperComponent, SolarisStepperContentComponent, SolarisSwitchComponent, SolarisSwitchGroupComponent, SolarisTabComponent, SolarisTabPanelComponent, SolarisTabsComponent, SolarisTextareaDirective, SolarisThemeService, SolarisToastComponent, SolarisToastContainerComponent, SolarisToastService, SolarisTooltipDirective, SolarisTooltipPanelComponent, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, nextIdFor, provideSolaris, provideSolarisAccessibilityTesting, provideSolarisTesting, provideSolarisThemeTesting, provideSolarisTranslateTesting, resolveElementId, solarisAllowedDomainsValidator, solarisBlockedDomainsValidator, solarisEmailValidator, solarisOtpValidator, solarisPasswordValidator, solarisPhoneValidator };
 //# sourceMappingURL=educarehq-solaris-ui.mjs.map