@rt-tools/ui-kit-v2 0.8.1 → 0.11.0

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@rt-tools/ui-kit-v2",
-  "version": "0.8.1",
+  "version": "0.11.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",
   "dependencies": {
     "tslib": "^2.8.0",
-    "@rt-tools/core": "^0.3.1",
+    "@rt-tools/core": "^0.5.0",
     "@rt-tools/utils": "^0.4.0"
   },
   "peerDependencies": {
-    "@rt-tools/core": "^0.3.1",
+    "@rt-tools/core": "^0.5.0",
     "@rt-tools/utils": "^0.4.0",
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/src/assets/icons/social-facebook.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#0866FF" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" />
+</svg>

package/src/assets/icons/social-instagram.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <defs>
+        <linearGradient id="rt-icon-social-instagram-tile" x1="0" y1="1" x2="1" y2="0">
+            <stop offset="0%" stop-color="#F9CE34" />
+            <stop offset="50%" stop-color="#EE2A7B" />
+            <stop offset="100%" stop-color="#6228D7" />
+        </linearGradient>
+    </defs>
+    <rect width="24" height="24" rx="5" fill="url(#rt-icon-social-instagram-tile)" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" />
+</svg>

package/src/assets/icons/social-kakaotalk.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#FFCD00" />
+    <path
+        fill="#191919"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M22.125 0H1.875C.8394 0 0 .8394 0 1.875v20.25C0 23.1606.8394 24 1.875 24h20.25C23.1606 24 24 23.1606 24 22.125V1.875C24 .8394 23.1606 0 22.125 0zM12 18.75c-.591 0-1.1697-.0413-1.7317-.1209-.5626.3965-3.813 2.6797-4.1198 2.7225 0 0-.1258.0489-.2328-.0141s-.0876-.2282-.0876-.2282c.0322-.2198.8426-3.0183.992-3.5333-2.7452-1.36-4.5701-3.7686-4.5701-6.5135C2.25 6.8168 6.6152 3.375 12 3.375s9.75 3.4418 9.75 7.6875c0 4.2457-4.3652 7.6875-9.75 7.6875zM8.0496 9.8672h-.8777v3.3417c0 .2963-.2523.5372-.5625.5372s-.5625-.2409-.5625-.5372V9.8672h-.8777c-.3044 0-.552-.2471-.552-.5508s.2477-.5508.552-.5508h2.8804c.3044 0 .552.2471.552.5508s-.2477.5508-.552.5508zm10.9879 2.9566a.558.558 0 0 1 .108.4167.5588.5588 0 0 1-.2183.371.5572.5572 0 0 1-.3383.1135.558.558 0 0 1-.4493-.2236l-1.3192-1.7479-.1952.1952v1.2273a.5635.5635 0 0 1-.5627.5628.563.563 0 0 1-.5625-.5625V9.3281c0-.3102.2523-.5625.5625-.5625s.5625.2523.5625.5625v1.209l1.5694-1.5694c.0807-.0807.1916-.1252.312-.1252.1404 0 .2814.0606.3871.1661.0985.0984.1573.2251.1654.3566.0082.1327-.036.2542-.1241.3425l-1.2818 1.2817 1.3845 1.8344zm-8.3502-3.5023c-.095-.2699-.3829-.5475-.7503-.5557-.3663.0083-.6542.2858-.749.5551l-1.3455 3.5415c-.1708.5305-.0217.7272.1333.7988a.8568.8568 0 0 0 .3576.0776c.2346 0 .4139-.0952.4678-.2481l.2787-.7297 1.7152.0001.2785.7292c.0541.1532.2335.2484.4681.2484a.8601.8601 0 0 0 .3576-.0775c.1551-.0713.3041-.2681.1329-.7999l-1.3449-3.5398zm-1.3116 2.4433l.5618-1.5961.5618 1.5961H9.3757zm5.9056 1.3836c0 .2843-.2418.5156-.5391.5156h-1.8047c-.2973 0-.5391-.2314-.5391-.5156V9.3281c0-.3102.2576-.5625.5742-.5625s.5742.2523.5742.5625v3.3047h1.1953c.2974 0 .5392.2314.5392.5156z" />
+</svg>

package/src/assets/icons/social-line.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#00C300" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314" />
+</svg>

package/src/assets/icons/social-naver.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#03C75A" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M16.273 12.845 7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727v12.845Z" />
+</svg>

package/src/assets/icons/social-pinterest.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#BD081C" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" />
+</svg>

package/src/assets/icons/social-tiktok.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#000000" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" />
+</svg>

package/src/assets/icons/social-vk.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#0077FF" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z" />
+</svg>

package/src/assets/icons/social-wechat.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#07C160" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z" />
+</svg>

package/src/assets/icons/social-x.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#000000" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" />
+</svg>

package/src/assets/icons/social-xiaohongshu.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#FF2442" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M22.405 9.879c.002.016.01.02.07.019h.725a.797.797 0 0 0 .78-.972.794.794 0 0 0-.884-.618.795.795 0 0 0-.692.794c0 .101-.002.666.001.777zm-11.509 4.808c-.203.001-1.353.004-1.685.003a2.528 2.528 0 0 1-.766-.126.025.025 0 0 0-.03.014L7.7 16.127a.025.025 0 0 0 .01.032c.111.06.336.124.495.124.66.01 1.32.002 1.981 0 .01 0 .02-.006.023-.015l.712-1.545a.025.025 0 0 0-.024-.036zM.477 9.91c-.071 0-.076.002-.076.01a.834.834 0 0 0-.01.08c-.027.397-.038.495-.234 3.06-.012.24-.034.389-.135.607-.026.057-.033.042.003.112.046.092.681 1.523.787 1.74.008.015.011.02.017.02.008 0 .033-.026.047-.044.147-.187.268-.391.371-.606.306-.635.44-1.325.486-1.706.014-.11.021-.22.03-.33l.204-2.616.022-.293c.003-.029 0-.033-.03-.034zm7.203 3.757a1.427 1.427 0 0 1-.135-.607c-.004-.084-.031-.39-.235-3.06a.443.443 0 0 0-.01-.082c-.004-.011-.052-.008-.076-.008h-1.48c-.03.001-.034.005-.03.034l.021.293c.076.982.153 1.964.233 2.946.05.4.186 1.085.487 1.706.103.215.223.419.37.606.015.018.037.051.048.049.02-.003.742-1.642.804-1.765.036-.07.03-.055.003-.112zm3.861-.913h-.872a.126.126 0 0 1-.116-.178l1.178-2.625a.025.025 0 0 0-.023-.035l-1.318-.003a.148.148 0 0 1-.135-.21l.876-1.954a.025.025 0 0 0-.023-.035h-1.56c-.01 0-.02.006-.024.015l-.926 2.068c-.085.169-.314.634-.399.938a.534.534 0 0 0-.02.191.46.46 0 0 0 .23.378.981.981 0 0 0 .46.119h.59c.041 0-.688 1.482-.834 1.972a.53.53 0 0 0-.023.172.465.465 0 0 0 .23.398c.15.092.342.12.475.12l1.66-.001c.01 0 .02-.006.023-.015l.575-1.28a.025.025 0 0 0-.024-.035zm-6.93-4.937H3.1a.032.032 0 0 0-.034.033c0 1.048-.01 2.795-.01 6.829 0 .288-.269.262-.28.262h-.74c-.04.001-.044.004-.04.047.001.037.465 1.064.555 1.263.01.02.03.033.051.033.157.003.767.009.938-.014.153-.02.3-.06.438-.132.3-.156.49-.419.595-.765.052-.172.075-.353.075-.533.002-2.33 0-4.66-.007-6.991a.032.032 0 0 0-.032-.032zm11.784 6.896c0-.014-.01-.021-.024-.022h-1.465c-.048-.001-.049-.002-.05-.049v-4.66c0-.072-.005-.07.07-.07h.863c.08 0 .075.004.075-.074V8.393c0-.082.006-.076-.08-.076h-3.5c-.064 0-.075-.006-.075.073v1.445c0 .083-.006.077.08.077h.854c.075 0 .07-.004.07.07v4.624c0 .095.008.084-.085.084-.37 0-1.11-.002-1.304 0-.048.001-.06.03-.06.03l-.697 1.519s-.014.025-.008.036c.006.01.013.008.058.008 1.748.003 3.495.002 5.243.002.03-.001.034-.006.035-.033v-1.539zm4.177-3.43c0 .013-.007.023-.02.024-.346.006-.692.004-1.037.004-.014-.002-.022-.01-.022-.024-.005-.434-.007-.869-.01-1.303 0-.072-.006-.071.07-.07l.733-.003c.041 0 .081.002.12.015.093.025.16.107.165.204.006.431.002 1.153.001 1.153zm2.67.244a1.953 1.953 0 0 0-.883-.222h-.18c-.04-.001-.04-.003-.042-.04V10.21c0-.132-.007-.263-.025-.394a1.823 1.823 0 0 0-.153-.53 1.533 1.533 0 0 0-.677-.71 2.167 2.167 0 0 0-1-.258c-.153-.003-.567 0-.72 0-.07 0-.068.004-.068-.065V7.76c0-.031-.01-.041-.046-.039H17.93s-.016 0-.023.007c-.006.006-.008.012-.008.023v.546c-.008.036-.057.015-.082.022h-.95c-.022.002-.028.008-.03.032v1.481c0 .09-.004.082.082.082h.913c.082 0 .072.128.072.128V11.19s.003.117-.06.117h-1.482c-.068 0-.06.082-.06.082v1.445s-.01.068.064.068h1.457c.082 0 .076-.006.076.079v3.225c0 .088-.007.081.082.081h1.43c.09 0 .082.007.082-.08v-3.27c0-.029.006-.035.033-.035l2.323-.003c.098 0 .191.02.28.061a.46.46 0 0 1 .274.407c.008.395.003.79.003 1.185 0 .259-.107.367-.33.367h-1.218c-.023.002-.029.008-.028.033.184.437.374.871.57 1.303a.045.045 0 0 0 .04.026c.17.005.34.002.51.003.15-.002.517.004.666-.01a2.03 2.03 0 0 0 .408-.075c.59-.18.975-.698.976-1.313v-1.981c0-.128-.01-.254-.034-.38 0 .078-.029-.641-.724-.998z" />
+</svg>

package/src/assets/icons/social-youtube.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <rect width="24" height="24" rx="5" fill="#FF0000" />
+    <path
+        fill="#FFFFFF"
+        transform="translate(5 5) scale(0.5833333333333334)"
+        d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+</svg>

package/src/assets/icons-material/NOTICE.md

@@ -0,0 +1,20 @@
+# Material drawings of the second icon set
+
+The files next to this notice come from Google's Material Symbols — the `materialsymbolsoutlined`
+family, size 24 — and are licensed under Apache License 2.0. The upstream project is Google's
+material-design-icons repository on GitHub; its license text lives there. The name is written
+without backticks on purpose: it is a project on a foreign host, not a path in this tree, and the
+address check judges a backticked name as a path here.
+
+Two things were changed on the way in and nothing else:
+
+- **The file is named by the kit name, not by the Material one.** The registry asks for a drawing
+  by the kit's own name, and which Material name closed it is known to the correspondence list in
+  `projects/ui-kit-v2/src/lib/components/icon/rt-icon-material-map.ts`.
+- **`fill="currentColor"` is set on the body.** Without it the drawing paints itself black on
+  every theme: the upstream file declares no fill at all.
+
+The drawings were fetched once and are kept under version control — no Material package is a
+dependency of this tree, and that is the point of the second set. The fetch is recorded by
+`tools/fetch-material-icons.mjs`: it says which Material name closed which kit name and where the
+file came from.

package/src/assets/icons-material/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z" />
+</svg>

package/src/assets/icons-material/ban.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q54 0 104-17.5t92-50.5L228-676q-33 42-50.5 92T160-480q0 134 93 227t227 93Zm252-124q33-42 50.5-92T800-480q0-134-93-227t-227-93q-54 0-104 17.5T284-732l448 448Z" />
+</svg>

package/src/assets/icons-material/bars.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" />
+</svg>

package/src/assets/icons-material/check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" />
+</svg>

package/src/assets/icons-material/chevron-down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" />
+</svg>

package/src/assets/icons-material/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" />
+</svg>

package/src/assets/icons-material/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" />
+</svg>

package/src/assets/icons-material/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
+</svg>

package/src/assets/icons-material/cloud-upload.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H520q-33 0-56.5-23.5T440-240v-206l-64 62-56-56 160-160 160 160-56 56-64-62v206h220q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h100v80H260Zm220-280Z" />
+</svg>

package/src/assets/icons-material/cog.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" />
+</svg>

package/src/assets/icons-material/copy.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" />
+</svg>

package/src/assets/icons-material/ellipsis-h.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z" />
+</svg>

package/src/assets/icons-material/ellipsis-v.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z" />
+</svg>

package/src/assets/icons-material/external-link.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
+</svg>

package/src/assets/icons-material/eye-slash.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" />
+</svg>

package/src/assets/icons-material/eye.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" />
+</svg>

package/src/assets/icons-material/ico-download.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z" />
+</svg>

package/src/assets/icons-material/ico-plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path fill="currentColor" d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" />
+</svg>

package/src/assets/icons-material/info-circle.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" />
+</svg>

package/src/assets/icons-material/pencil.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" />
+</svg>

package/src/assets/icons-material/refresh.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z" />
+</svg>

package/src/assets/icons-material/search.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" />
+</svg>

package/src/assets/icons-material/star.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z" />
+</svg>

package/src/assets/icons-material/sync.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M160-160v-80h110l-16-14q-52-46-73-105t-21-119q0-111 66.5-197.5T400-790v84q-72 26-116 88.5T240-478q0 45 17 87.5t53 78.5l10 10v-98h80v240H160Zm400-10v-84q72-26 116-88.5T720-482q0-45-17-87.5T650-648l-10-10v98h-80v-240h240v80H690l16 14q49 49 71.5 106.5T800-482q0 111-66.5 197.5T560-170Z" />
+</svg>

package/src/assets/icons-material/table.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M121-280v-400q0-33 23.5-56.5T201-760h559q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H201q-33 0-56.5-23.5T121-280Zm79 0h133v-400H200v400Zm213 0h133v-400H413v400Zm213 0h133v-400H626v400Z" />
+</svg>

package/src/assets/icons-material/tag.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M856-390 570-104q-12 12-27 18t-30 6q-15 0-30-6t-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33 23.5-56.5T160-880h287q16 0 31 6.5t26 17.5l352 353q12 12 17.5 27t5.5 30q0 15-5.5 29.5T856-390ZM513-160l286-286-353-354H160v286l353 354ZM260-640q25 0 42.5-17.5T320-700q0-25-17.5-42.5T260-760q-25 0-42.5 17.5T200-700q0 25 17.5 42.5T260-640Zm220 160Z" />
+</svg>

package/src/assets/icons-material/trash.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" />
+</svg>

package/src/assets/icons-material/user.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+    <path
+        fill="currentColor"
+        d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z" />
+</svg>

package/src/lib/components/aside/CONTEXT.md

@@ -41,9 +41,24 @@ ref.afterClosed().subscribe((result?: ITour): void => …);
 200 мс — чтобы доиграла анимация ухода. В тестах это значит: подписчик получил значение, а
 `.rt-aside-overlay` ещё в документе. Повторный `close()` игнорируется.
 
+**Прозрачность и нажатия подложки объявлены вне слоя оформления.** Остальные правила панели
+лежат в подслое `rt-kit.components`, а эти два — нет: CDK объявляет свои правила той же
+подложки вне слоёв, и неслоевое правило сильнее любого слоевого независимо от специфичности.
+В слое они проигрывают, и подложка закрытой панели накрывает экран целиком у потребителя,
+который берёт стили кита слоями. Цвет, размытие и переход остаются в слое — их приложение
+переопределяет своими правилами. Стережёт это `rt-aside-overlay.styles.spec.ts`.
+
 **`disableClose`** на `RtAsideRef` держит панель под кликом по подложке и под Escape — ставится
 самим содержимым, когда в форме есть несохранённое.
 
+**Форму внутри панели размечает словарь кита, а не правила потребителя.** Блок `rt-form`
+объявляется ровно один раз на панель и стоит над полосой вкладок; внутри него идут раздел
+`rt-form__item`, колонка контролов `rt-form__controls` с заголовком `rt-form__title` и
+описанием `rt-form__title-descr`, строка контрола `rt-form__control-item` и элемент в ряду
+`rt-form__control-sub-item`. Все промежутки задают зазоры этих контейнеров, поэтому своего
+файла раскладки панели у приложения нет. Носителем блока бывает и `<form>`, и `<div>`: форма
+Angular и блок формы — разные вещи. Показан словарь историей витрины «Form Dictionary».
+
 ## Рядом
 
 - [`rt-aside-section`](../aside-section/CONTEXT.md) — раздел внутри.

package/src/lib/components/aside/_rt-aside-overlay.scss

@@ -16,25 +16,14 @@
         --rt-aside-backdrop-blur: 5px;
     }
 
-    /* Двойной селектор `.cdk-overlay-backdrop.rt-aside-backdrop` нужен для specificity:
-       CDK Overlay добавляет `.cdk-overlay-backdrop-showing { opacity: 1 }` сразу при attach;
-       при persistent overlay (rt-container auto-attach) backdrop должен оставаться скрытым
-       пока aside не открыт. Два класса (.cdk-overlay-backdrop + .rt-aside-backdrop) — выше
-       specificity чем одиночный (.cdk-overlay-backdrop-showing), поэтому наш opacity:0
-       побеждает. */
+    /* Оформление подложки — цвет, размытие, длительность перехода. Прозрачность и нажатия
+       объявлены ниже, вне слоя: причина сказана там же. */
     .cdk-overlay-backdrop.rt-aside-backdrop {
         /* stylelint-disable-next-line property-no-vendor-prefix -- Safari < 18 */
         -webkit-backdrop-filter: blur(var(--rt-aside-backdrop-blur));
         backdrop-filter: blur(var(--rt-aside-backdrop-blur));
         background: var(--rt-aside-backdrop-bg);
-        opacity: 0;
-        pointer-events: none;
         transition: opacity var(--rt-aside-animation-duration) ease;
-
-        &.rt-aside-backdrop--visible {
-            opacity: 1;
-            pointer-events: auto;
-        }
     }
 
     .rt-aside-overlay {
@@ -42,15 +31,6 @@
         transition: transform var(--rt-aside-animation-duration) ease;
     }
 
-    /* Закрытая панель нажатий не ловит. На узком экране она шириной во весь вьюпорт,
-       и пока её сдвиг за край экрана не досчитан, она перекрывает страницу целиком:
-       выглядит это нормально, а нажатия уходят в пустоту. Селектор из двух классов —
-       чтобы правило не зависело от порядка, в котором браузер получил стили панели и
-       стили контейнера. */
-    .rt-aside-overlay:not(.rt-aside-overlay--open) {
-        pointer-events: none;
-    }
-
     /* Стартовое положение за краем экрана не анимируется: переход из него начинается,
        как только вьюпорт задаёт панели ширину, и всю анимацию держит панель на месте. */
     .rt-aside-overlay.rt-aside-overlay--entering {
@@ -88,3 +68,36 @@
         }
     }
 }
+
+/* rt-layer-outside: правила видимости подложки и закрытой панели.
+
+   CDK Overlay объявляет `.cdk-overlay-backdrop { pointer-events: auto }` и
+   `.cdk-overlay-backdrop-showing { opacity: 1 }` вне слоёв, а неслоевое правило сильнее
+   любого слоевого независимо от специфичности; порядок слоёв этого не меняет. Оставленные
+   в слое, оба правила ниже проигрывают, и подложка закрытой панели накрывает экран целиком
+   у потребителя, который берёт стили кита слоями: выглядит это нормально, а нажатия по
+   странице не доходят.
+
+   Оформление остаётся в слое: ради того, чтобы приложение переопределяло цвет, размытие и
+   переход, слой и заведён. */
+
+/* Двойной селектор `.cdk-overlay-backdrop.rt-aside-backdrop` держит специфичность выше
+   одиночного `.cdk-overlay-backdrop-showing`, который CDK ставит сразу при attach.
+   rt-container создаёт оверлей вместе с объявлением шаблона панели и держит его закрытым. */
+.cdk-overlay-backdrop.rt-aside-backdrop {
+    opacity: 0;
+    pointer-events: none;
+
+    &.rt-aside-backdrop--visible {
+        opacity: 1;
+        pointer-events: auto;
+    }
+}
+
+/* Закрытая панель нажатий не ловит. На узком экране она шириной во весь вьюпорт, и пока её
+   сдвиг за край экрана не досчитан, она перекрывает страницу целиком: выглядит это
+   нормально, а нажатия уходят в пустоту. Селектор из двух классов — чтобы правило не
+   зависело от порядка, в котором браузер получил стили панели и стили контейнера. */
+.rt-aside-overlay:not(.rt-aside-overlay--open) {
+    pointer-events: none;
+}

package/src/lib/components/aside-section/CONTEXT.md

@@ -21,6 +21,14 @@
 
 Тело раздела рисуется всегда, даже пустым: прячут его стили.
 
+**Внутри раздел размечен словарём формы панели.** Тело — это колонка контролов словаря,
+заголовок — заголовок раздела, и промежуток между ними приходит зазором колонки, а не правилом
+раздела. Поэтому панель, собранная из готовых разделов, стоит тем же ритмом, что и панель,
+размеченная словарём вручную, а потребитель не пишет для неё ни одного правила оформления.
+
+Своих правил у раздела остаётся одно — разделитель между соседними разделами: его словарь не
+объявляет.
+
 ## Рядом
 
 - [`rt-aside`](../aside/CONTEXT.md) — сам асайд.

package/src/lib/components/aside-section/rt-aside-section.component.scss

@@ -1,14 +1,16 @@
 @layer rt-kit.components {
     /* rt-aside-section — смысловая секция асайда (ViewEncapsulation.None).
        Селектор bare `.rt-aside-section` (класс на host) — :host в None light-DOM не матчит.
-       Соседние секции разделяются верхней границей через adjacent-sibling правило. */
+
+       Раскладку внутри раздела даёт словарь формы: тело раздела размечено колонкой контролов,
+       заголовок — заголовком раздела, и ритм между ними приходит их зазорами. Здесь остаётся
+       только то, чего словарь не объявляет, — разделитель между соседними разделами. */
 
     .rt-aside-section {
         --rt-aside-section-border-width: var(--rt-border-width-thin);
 
         display: flex;
         flex-direction: column;
-        gap: var(--rt-space-md);
 
         /* Разделитель отбит от соседей одинаково: сверху его отбивает зазор зоны
            содержимого, снизу — тот же токен. */
@@ -16,19 +18,5 @@
             padding-top: var(--rt-aside-content-gap);
             border-top: var(--rt-aside-section-border-width) solid var(--rt-color-border-subtle);
         }
-
-        &__heading {
-            margin: 0;
-            color: var(--rt-color-text-primary);
-            font-size: var(--rt-text-md);
-            font-weight: var(--rt-font-weight-semibold);
-            line-height: var(--rt-leading-snug);
-        }
-
-        &__body {
-            display: flex;
-            flex-direction: column;
-            gap: var(--rt-space-md);
-        }
     }
 }

package/src/lib/components/button/rt-button.directive.scss

@@ -5,7 +5,7 @@
         --rt-btn-height: var(--rt-control-height-md);
         --rt-btn-padding: 0 1.25rem;
         --rt-btn-gap: 0.5rem;
-        --rt-btn-radius: var(--rt-radius-lg);
+        --rt-btn-radius: var(--rt-radius-control);
         --rt-btn-border-width: var(--rt-border-width-thin);
         --rt-btn-transition-duration: var(--rt-duration-fast);
         --rt-btn-focus-shadow: var(--rt-shadow-focus-ring);
@@ -61,6 +61,15 @@
             background: var(--rt-btn-bg-active);
         }
 
+        // Нажатое положение двухпозиционной кнопки: тот же вид, что под пальцем, но не
+        // пропадающий вместе с отпусканием. Своя заливка была бы третьим значением того же
+        // понятия рядом с двумя существующими и разошлась бы с ними при первой правке темы.
+        // Отключённость положения не отменяет: недоступность говорит о том, можно ли нажать, и
+        // ничего не говорит о том, включено ли то, чем кнопка управляет.
+        &--pressed {
+            background: var(--rt-btn-bg-active);
+        }
+
         &:focus-visible {
             box-shadow: var(--rt-btn-focus-shadow);
             outline: 2px solid transparent;

package/src/lib/components/icon/CONTEXT.md

@@ -25,12 +25,35 @@ symbol внутри спрайта — и тем же движением про
 `/icons`; приложение обязано опубликовать туда набор из `assets/icons` пакета, иначе разметка
 верна, а на экране пусто.
 
+**Наборов рисунков два, и выбирает их признак набора оформления.** Рядом со своим набором лежит
+материальный — `assets/icons-material`, адрес по умолчанию `/icons-material`. Признак
+`data-preset='material'` компонент читает у ближайшего предка — не у корня страницы: признак стоит
+и на контейнере, и на одной странице законно живут оба набора рядом. Ставит его приложение своей
+разметкой, своей службы у набора нет — этим он и отличается от темы.
+
+Стилями набор не выбирается, хотя набор оформления работает именно так: ссылку на символ спрайта
+CSS подменить нечем. Второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ,
+за которым никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый значок на странице.
+Символы двух наборов различаются приставкой `id`: один `id` держит один рисунок.
+
+Материальный набор закрывает не все имена кита — он слой переопределений, как и набор оформления.
+Имя без материального рисунка рисуется своим, и это не пробел. Так же ведёт себя и **не приехавший**
+материальный файл: реестр берёт свой рисунок и кладёт его под именем символа материального набора.
+Иначе страница, объявившая набор, но не опубликовавшая его папку, показывает пустое место там, где
+обещан значок, — разметка при этом верна, и промах виден только глазами. Какое имя чем закрыто, знает
+перечень `rt-icon-material-map.ts`; за самим рисунком материальный набор едет только туда, где
+признак объявлен разметкой.
+
 ## Как этим пользоваться
 
 - Иконка спрятана от скринридера (`aria-hidden="true"`) — подпись даёт вмещающий её контрол.
   Отдельная `rt-icon` без подписи для AT невидима, и это правильно.
 - Цвет по умолчанию наследуется от текста. Явное значение нужно, только когда иконка должна
   отличаться от текста своего контрола.
+- **Знаки соцсетей `social-*` цветные, и вход `color` на них не действует.** Заливка задана в
+  файле — фирменный цвет сети, у Instagram градиент; тема их не красит. Размер задаётся тем же
+  входом, что у остальных. Файлы собирает `tools/build-social-icons.mjs` из контуров
+  `simple-icons`; правится сценарий, а не файлы.
 - `rotate` принимает строку (`rotate="180"`) — так значение приходит из атрибута разметки.
   Ноль и нечисловая строка гасят поворот: лишний `transform` создавал бы отдельный слой отрисовки.