@rynt/sdk 0.9.53

package/src/shared/ui/base/Icon.vue

@@ -0,0 +1,597 @@
+<template>
+  <component :is="iconComponent" />
+</template>
+
+<script setup lang="ts">
+  import { computed, h } from 'vue';
+  import { cn } from '../../utils/cn';
+
+  const iconPaths = {
+    rynt: {
+      viewBox: '0 0 1115 1052',
+      fill: 'currentColor',
+      paths: [
+        {
+          d: 'M705.691 965.476L557.418 1051.08L409.161 965.476V794.265L557.418 879.87L705.691 794.265V965.476Z',
+        },
+        {
+          d: 'M910.82 203.394V373.317L704.576 492.393V730.543L557.433 815.501L557.434 815.511L557.425 815.506L557.417 815.511V815.501L410.276 730.544V492.394L204.031 373.317L204.015 203.395L351.173 118.433L557.418 237.507L763.663 118.433L910.82 203.394Z',
+        },
+        {
+          d: 'M354.305 524.575V697.073L206.032 611.468V438.97L354.305 524.575Z',
+        },
+        {
+          d: 'M909.821 609.469L760.434 695.718V524.507L909.821 438.257V609.469Z',
+        },
+        {
+          d: 'M296.546 85.6064L148.273 171.212L148.289 342.422L0.015625 256.816L0 85.6064L148.273 0.000976562L296.546 85.6064Z',
+        },
+        {
+          d: 'M1114.84 85.6055L1114.83 256.816L966.562 342.422V171.211L818.289 85.6055L966.562 0L1114.84 85.6055Z',
+        },
+        {
+          d: 'M705.807 87.6055L557.533 173.211L408.146 86.9619L556.419 1.35645L705.807 87.6055Z',
+        },
+      ],
+    },
+    home: {
+      d: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6',
+    },
+    server: {
+      d: 'M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01',
+    },
+    box: {
+      d: 'M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4',
+    },
+    message: {
+      d: 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z',
+    },
+    'message-circle': {
+      paths: [
+        {
+          d: 'M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z',
+        },
+      ],
+    },
+    users: {
+      d: 'M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z',
+    },
+    settings: {
+      paths: [
+        {
+          d: 'M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z',
+        },
+        {
+          d: 'M15 12a3 3 0 11-6 0 3 3 0 016 0z',
+        },
+      ],
+    },
+    play: {
+      paths: [
+        {
+          d: 'M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z',
+        },
+        {
+          d: 'M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+        },
+      ],
+    },
+    close: {
+      d: 'M6 18L18 6M6 6l12 12',
+    },
+    x: {
+      d: 'M6 18L18 6M6 6l12 12',
+    },
+    check: {
+      d: 'M5 13l4 4L19 7',
+    },
+    support: {
+      viewBox: '0 0 377 377',
+      fill: 'currentColor',
+      d: 'M141.41,147.539c-6.6,0-12.755,3.555-16.065,9.277c-2.489,4.303-7.994,5.773-12.297,3.285s-5.773-7.994-3.285-12.297  c6.516-11.267,18.643-18.266,31.647-18.266c13.003,0,25.13,6.999,31.647,18.265c2.489,4.303,1.019,9.809-3.284,12.297  c-1.418,0.821-2.969,1.211-4.498,1.212c-3.108,0-6.131-1.611-7.799-4.495C154.166,151.093,148.009,147.539,141.41,147.539z   M188.75,242.974c-6.6,0-12.756-3.555-16.066-9.277c-2.489-4.303-7.995-5.774-12.297-3.285c-4.303,2.488-5.773,7.994-3.285,12.297  c6.516,11.267,18.643,18.266,31.648,18.266c13.003,0,25.13-6.999,31.647-18.265c2.489-4.303,1.019-9.809-3.284-12.297  c-4.302-2.489-9.808-1.019-12.297,3.283C201.506,239.419,195.35,242.974,188.75,242.974z M377,155.254v41.042  c0,15.308-12.045,28.204-27.353,28.204h-16.622c-5.459,17-14.122,33.459-25.788,48.17c-19.169,24.173-45.547,41.731-74.881,50.584  c-1.319,14.808-13.791,26.247-28.931,26.247h-29.349c-16.017,0-29.048-12.982-29.048-28.999c0-16.021,13.031-29.001,29.048-29.001  h29.349c10.542,0,19.79,5.802,24.881,14.228c55.474-17.164,93.58-68.237,93.58-127.003c0-57.195-36.252-106.083-86.987-124.889  c-13.186,16.208-29.765,29.692-48.292,39.227c-21.189,10.903-45.068,16.667-69.054,16.667c-2.783,0-5.617-0.078-8.422-0.232  c-4.963-0.271-8.767-4.515-8.495-9.478s4.5-8.797,9.478-8.496c2.48,0.136,4.983,0.203,7.44,0.203  c38.001,0,73.151-15.651,98.335-43.363c-8.427-1.752-17.139-2.711-26.062-2.782c-0.052-0.005-0.139-0.012-0.211-0.012  c-0.032,0.002-0.07-0.023-0.103-0.023c-0.069-0.002-0.148-0.046-0.217-0.046c-0.034,0-0.065,0-0.1,0c-0.068,0-0.148,0-0.22,0  c-0.034,0-0.063,0-0.101,0c-0.042,0-0.084,0-0.125,0C115.338,45.5,56,105.314,56,178.725v36.332c0,4.971-4.416,9.443-9.386,9.443  H27.853C12.545,224.5,0,211.604,0,196.296v-41.042c0-12.095,7.786-22.718,19.323-26.432c4.732-1.527,9.837,1.076,11.36,5.809  c1.523,4.73-1.1,9.802-5.832,11.325c-4.007,1.29-6.852,5.113-6.852,9.298v41.042c0,5.382,4.47,10.204,9.853,10.204H38v-27.775  C38,95.388,105.413,27.5,188.75,27.5c0.047,0,0.097,0,0.143,0c0.037,0,0.076,0,0.114,0c0.036,0,0.074,0,0.11,0h0.001  c0.045,0,0.096,0,0.142,0c0.037,0,0.078,0,0.112,0c0.036,0,0.073,0,0.109,0h0.008c0.048,0,0.091,0,0.139,0c0.04,0,0.075,0,0.114,0  c0.038,0,0.083,0,0.122,0c0.045,0,0.086,0,0.131,0c0.039,0,0.072,0,0.111,0c0.049,0,0.086,0,0.131,0c0.041,0,0.083,0,0.126,0  c0.035,0,0.075,0,0.111,0c0.05,0,0.091,0,0.142,0c0.036,0,0.082,0,0.116,0c0.034,0,0.074-0.002,0.108,0c0.046,0,0.099,0,0.146,0  c0.039,0,0.073,0,0.112,0c0.033,0,0.076,0.056,0.107,0.055c0.047,0.002,0.094,0.054,0.143,0.056c0.036-0.001,0.08-0.001,0.114,0.002  c0.032,0,0.076-0.001,0.108,0.002c0.047-0.001,0.098,0.002,0.147,0.002c0.038,0.002,0.071,0.001,0.11,0.003  c0.031,0,0.076,0.001,0.108,0.002c0.045,0.001,0.106,0.004,0.153,0.003c0.037,0.002,0.071,0.002,0.106,0.003  c0.036,0,0.071,0.002,0.106,0.002c0.046,0.003,0.103,0.002,0.149,0.004c0.036-0.001,0.071,0.002,0.108,0.002  c0.036,0.003,0.071,0.003,0.107,0.003c0.047,0.002,0.098,0.002,0.146,0.004c0.037,0.002,0.07,0.002,0.108,0.003  c0.035,0.002,0.074,0.002,0.107,0.002c0.047,0.003,0.084,0.001,0.131,0.003c0.039,0.002,0.079,0,0.119,0  c0.038,0.002,0.07-0.004,0.11-0.002c0.04,0.001,0.077-0.015,0.117-0.007c0.043,0.002,0.087-0.023,0.131-0.018  c0.039,0.001,0.069-0.041,0.11-0.042c0.076,0.003,0.153-0.081,0.229-0.081h0.012c0.036,0,0.074,0,0.11,0h0.006  c13.752,1,27.309,2.961,40.374,7.104c0.183,0.058,0.363,0.268,0.54,0.337c60.779,19.586,104.871,76.798,104.871,144.005  c0,9.278-0.819,18.554-2.434,27.554h12.195c5.382,0,9.353-4.822,9.353-10.204v-41.042c0-4.185-2.646-8.008-6.653-9.298  c-4.731-1.523-7.179-6.594-5.656-11.325s6.492-7.33,11.223-5.81C369.452,132.537,377,143.159,377,155.254z M214.472,320.619  c0-0.745-0.074-1.305-0.215-2.009c-0.02-0.086-0.038-0.251-0.055-0.337c-1.111-4.928-5.521-8.772-10.776-8.772h-29.349  c-6.092,0-11.048,4.907-11.048,10.998c0,6.096,4.956,11.002,11.048,11.002h29.349C209.516,331.5,214.472,326.711,214.472,320.619z   M207.727,160.1c4.302,2.49,9.808,1.019,12.297-3.283c3.311-5.724,9.467-9.278,16.066-9.278s12.756,3.555,16.066,9.278  c1.668,2.884,4.691,4.495,7.799,4.495c1.529-0.001,3.08-0.391,4.498-1.212c4.303-2.488,5.773-7.994,3.284-12.297  c-6.517-11.266-18.644-18.265-31.647-18.265c-13.003,0-25.13,6.999-31.647,18.265C201.954,152.106,203.424,157.612,207.727,160.1z',
+    },
+    'check-circle': {
+      paths: [
+        {
+          d: 'M9 12l2 2 4-4',
+        },
+        {
+          d: 'M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+        },
+      ],
+    },
+    clock: {
+      d: 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z',
+    },
+    activity: {
+      d: 'M13 10V3L4 14h7v7l9-11h-7z',
+    },
+    user: {
+      d: 'M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z',
+    },
+    plus: {
+      d: 'M12 4v16m8-8H4',
+    },
+    'arrow-left': {
+      d: 'M15 19l-7-7 7-7',
+    },
+    'arrow-right': {
+      d: 'M9 5l7 7-7 7',
+    },
+    'arrow-top': {
+      paths: [{ d: 'M12 19V5' }, { d: 'M5 12l7-7 7 7' }],
+    },
+    trash: {
+      d: 'M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16',
+    },
+    search: {
+      d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z',
+    },
+    download: {
+      d: 'M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4',
+    },
+    eye: {
+      paths: [
+        {
+          d: 'M15 12a3 3 0 11-6 0 3 3 0 016 0z',
+        },
+        {
+          d: 'M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z',
+        },
+      ],
+    },
+    'eye-off': {
+      d: 'M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21',
+    },
+    calendar: {
+      d: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z',
+    },
+    'edit-2': {
+      paths: [
+        {
+          d: 'M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z',
+        },
+      ],
+    },
+    lock: {
+      paths: [
+        {
+          d: 'M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z',
+        },
+      ],
+    },
+    'refresh-cw': {
+      d: 'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15',
+    },
+    'check-square': {
+      paths: [
+        {
+          d: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',
+        },
+      ],
+    },
+    'file-text': {
+      paths: [
+        {
+          d: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
+        },
+      ],
+    },
+    upload: {
+      paths: [
+        {
+          d: 'M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12',
+        },
+      ],
+    },
+    package: {
+      d: 'M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4',
+    },
+    folder: {
+      d: 'M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z',
+    },
+    'log-in': {
+      d: 'M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1',
+    },
+    'user-plus': {
+      d: 'M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z',
+    },
+    'user-minus': {
+      d: 'M13 7a4 4 0 11-8 0 4 4 0 018 0zM16 11H6m5 14a6 6 0 01-6-6v-1a6 6 0 0112 0v1a6 6 0 01-6 6z',
+    },
+    'more-vertical': {
+      paths: [
+        {
+          d: 'M12 8a1.5 1.5 0 100-3 1.5 1.5 0 000 3z',
+        },
+        {
+          d: 'M12 13.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z',
+        },
+        {
+          d: 'M12 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3z',
+        },
+      ],
+    },
+    mail: {
+      d: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z',
+    },
+    globe: {
+      d: 'M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+    },
+    /** Сигнал / стрим (шаринг локальной игры). */
+    stream: {
+      viewBox: '0 0 76 76',
+      paths: [
+        {
+          'fill-rule': 'evenodd',
+          d: 'M38 31.667c3.498 0 6.333 2.835 6.333 6.333S41.498 44.333 38 44.333 31.667 41.498 31.667 38 34.502 31.667 38 31.667zm-11.083 6.333c0 3.061 1.24 5.831 3.246 7.837l-3.359 3.359a11.083 11.083 0 010-15.674l3.359 3.359a8.25 8.25 0 00-3.246 7.837zm22.167 0c0-3.061-1.24-5.831-3.246-7.837l3.359-3.358a11.083 11.083 0 010 15.674l-3.359-3.359a8.25 8.25 0 003.246-7.837zm-31.667 0c0 5.684 2.304 10.83 6.029 14.555l-3.359 3.358A14.417 14.417 0 0112.667 38c0-6.996 2.835-13.329 7.42-17.913l3.358 3.358A12.917 12.917 0 0017.417 38zm41.167 0c0-5.684-2.304-10.83-6.029-14.555l3.359-3.359A14.417 14.417 0 0163.333 38c0 6.996-2.835 13.329-7.42 17.913l-3.358-3.358A12.917 12.917 0 0058.583 38z',
+        },
+      ],
+    },
+    github: {
+      paths: [
+        {
+          d: 'M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z',
+        },
+      ],
+    },
+    'chevron-down': {
+      d: 'M19 9l-7 7-7-7',
+    },
+    'chevron-left': {
+      d: 'M15 19l-7-7 7-7',
+    },
+    'chevron-right': {
+      d: 'M9 5l7 7-7 7',
+    },
+    file: {
+      d: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z',
+    },
+    'alert-triangle': {
+      paths: [
+        {
+          d: 'M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z',
+        },
+        {
+          d: 'M12 9v4',
+        },
+        {
+          d: 'M12 17h.01',
+        },
+      ],
+    },
+    'alert-circle': {
+      paths: [
+        {
+          d: 'M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+        },
+      ],
+    },
+    'trash-2': {
+      paths: [
+        {
+          d: 'M3 6h18',
+        },
+        {
+          d: 'M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2',
+        },
+        {
+          d: 'M10 11v6',
+        },
+        {
+          d: 'M14 11v6',
+        },
+      ],
+    },
+    star: {
+      paths: [
+        {
+          d: 'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z',
+        },
+      ],
+    },
+    bold: {
+      d: 'M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6zM6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z',
+    },
+    italic: {
+      d: 'M10 4h6M14 4l-4 16M14 20h-6',
+    },
+    list: {
+      paths: [
+        { d: 'M8 6h13' },
+        { d: 'M8 12h13' },
+        { d: 'M8 18h13' },
+        { d: 'M3 6h.01' },
+        { d: 'M3 12h.01' },
+        { d: 'M3 18h.01' },
+      ],
+    },
+    grid: {
+      paths: [
+        {
+          d: 'M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z',
+        },
+        {
+          d: 'M14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6z',
+        },
+        {
+          d: 'M4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2z',
+        },
+        {
+          d: 'M14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z',
+        },
+      ],
+    },
+    'list-ordered': {
+      paths: [
+        { d: 'M8 6h13' },
+        { d: 'M8 12h13' },
+        { d: 'M8 18h13' },
+        { d: 'M3 4v2M3 10v2M3 16v2' },
+        { d: 'M5 4h1v4H5z' },
+        { d: 'M5 10h1v4H5z' },
+        { d: 'M5 16h1v4H5z' },
+      ],
+    },
+    link: {
+      paths: [
+        { d: 'M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71' },
+        { d: 'M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71' },
+      ],
+    },
+    'share-2': {
+      paths: [
+        { d: 'M18 8a3 3 0 100-6 3 3 0 000 6z' },
+        { d: 'M6 15a3 3 0 100-6 3 3 0 000 6z' },
+        { d: 'M18 22a3 3 0 100-6 3 3 0 000 6z' },
+        { d: 'M8.59 13.51l6.83 3.98' },
+        { d: 'M15.41 6.51l-6.82 3.98' },
+      ],
+    },
+    send: {
+      paths: [{ d: 'M22 2L11 13' }, { d: 'M22 2l-7 20-4-9-9-4 20-7z' }],
+    },
+    image: {
+      paths: [
+        {
+          d: 'M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z',
+        },
+      ],
+    },
+    edit: {
+      paths: [
+        {
+          d: 'M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z',
+        },
+      ],
+    },
+    book: {
+      d: 'M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253',
+    },
+    phone: {
+      d: 'M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z',
+    },
+    mic: {
+      paths: [
+        {
+          d: 'M12 1.5A4.5 4.5 0 0 0 7.5 6v6a4.5 4.5 0 1 0 9 0V6A4.5 4.5 0 0 0 12 1.5ZM15 12V6a3 3 0 1 0-6 0v6a3 3 0 1 0 6 0Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+        {
+          d: 'M11.25 19.463A7.501 7.501 0 0 1 4.5 12v-1.5a.75.75 0 0 1 1.5 0V12a6 6 0 0 0 12 0v-1.5a.75.75 0 0 1 1.5 0V12a7.501 7.501 0 0 1-6.75 7.463v2.287a.75.75 0 0 1-1.5 0v-2.287Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+      ],
+    },
+    'mic-off': {
+      paths: [
+        {
+          d: 'M16.5 6.44V6a4.5 4.5 0 1 0-9 0v6c0 .972.308 1.872.832 2.607L7.26 15.68A5.974 5.974 0 0 1 6 12v-1.5a.75.75 0 0 0-1.5 0V12c0 1.801.635 3.454 1.693 4.747ZM15 7.94V6a3 3 0 1 0-6 0v6c0 .556.151 1.077.415 1.524L15 7.939Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+        {
+          d: 'M9.79 17.58A6 6 0 0 0 18 12v-1.5a.75.75 0 0 1 1.5 0V12a7.501 7.501 0 0 1-6.75 7.463v2.287a.75.75 0 0 1-1.5 0v-2.287a7.452 7.452 0 0 1-2.188-.56c-.465-.199-.541-.799-.183-1.156.237-.238.6-.29.911-.167Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+        {
+          d: 'M15.75 11.25A.75.75 0 0 0 15 12a3 3 0 0 1-3 3 .75.75 0 0 0 0 1.5 4.5 4.5 0 0 0 4.5-4.5.75.75 0 0 0-.75-.75Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+        {
+          d: 'M3.22 19.72a.75.75 0 0 0 1.06 1.06l16.5-16.5a.75.75 0 1 0-1.06-1.06L3.22 19.72Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+      ],
+    },
+    video: {
+      paths: [
+        {
+          d: 'M17.25 16.226v.274a3 3 0 0 1-3 3H4.5a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h9.75a3 3 0 0 1 3 3v.274l2.834-2.186c.986-.76 2.416-.058 2.416 1.188v10.448c0 1.246-1.43 1.949-2.416 1.188l-2.834-2.186ZM4.5 6h9.75a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5H4.5A1.5 1.5 0 0 1 3 16.5v-9A1.5 1.5 0 0 1 4.5 6Zm12.75 8.331L21 17.224V6.776l-3.75 2.893v4.662Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+      ],
+    },
+    'video-off': {
+      paths: [
+        {
+          d: 'M20.78 3.22a.75.75 0 0 1 0 1.06l-3.37 3.371.005-.004-1.665 1.665V9.31L7.06 18h.002l-1.5 1.5H5.56l-1.28 1.28a.75.75 0 0 1-1.061-1.06l.362-.363A3.001 3.001 0 0 1 1.5 16.5v-9a3 3 0 0 1 3-3h9.75a3 3 0 0 1 2.631 1.558L19.72 3.22a.75.75 0 0 1 1.06 0Zm-5.057 3.996A1.5 1.5 0 0 0 14.25 6H4.5A1.5 1.5 0 0 0 3 7.5v9A1.5 1.5 0 0 0 4.5 18h.44L15.722 7.216Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+        {
+          d: 'M21 6.75a.75.75 0 0 1 1.5 0v10.474c0 1.246-1.43 1.949-2.416 1.188l-2.834-2.186v.274a3 3 0 0 1-3 3H9A.75.75 0 0 1 9 18h5.25a1.5 1.5 0 0 0 1.5-1.5V12a.75.75 0 0 1 1.5 0v2.331L21 17.224V6.75Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+      ],
+    },
+    'phone-off': {
+      paths: [
+        {
+          d: 'M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z',
+        },
+        {
+          d: 'M3.22 19.72a.75.75 0 0 0 1.06 1.06l16.5-16.5a.75.75 0 1 0-1.06-1.06L3.22 19.72Z',
+          'fill-rule': 'evenodd',
+          'clip-rule': 'evenodd',
+        },
+      ],
+    },
+    monitor: {
+      paths: [
+        {
+          d: 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z',
+        },
+        { d: 'M8 21h8' },
+        { d: 'M12 17v4' },
+      ],
+    },
+    'monitor-off': {
+      paths: [
+        { d: 'M17 21H4a2 2 0 01-2-2V5c0-1.5 1-2 1-2' },
+        { d: 'M22 15V5a2 2 0 00-2-2H9' },
+        { d: 'M8 21h8' },
+        { d: 'M12 17v4' },
+        { d: 'M2 2l20 20' },
+      ],
+    },
+    'picture-in-picture': {
+      paths: [
+        {
+          d: 'M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5z',
+        },
+        { d: 'M13 13h6v5h-6z' },
+      ],
+    },
+    'volume-x': {
+      paths: [
+        { d: 'M11 5L6 9H2v6h4l5 4V5z' },
+        { d: 'M22 9l-6 6' },
+        { d: 'M16 9l6 6' },
+      ],
+    },
+    'volume-2': {
+      paths: [
+        { d: 'M11 5L6 9H2v6h4l5 4V5z' },
+        { d: 'M15.54 8.46a5 5 0 010 7.07' },
+        { d: 'M19.07 4.93a10 10 0 010 14.14' },
+      ],
+    },
+    radar: {
+      paths: [
+        { d: 'M19.07 4.93A10 10 0 0 0 6.99 3.34' },
+        { d: 'M12 12 16 8' },
+        { d: 'M3.34 6.99a10 10 0 0 0-1.59 12.07' },
+        { d: 'M12 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' },
+      ],
+    },
+  };
+
+  interface Props {
+    /** Литералы из регистра; `string` — для динамических имён в шаблонах и при typecheck без строгой суженной литерации. */
+    name: keyof typeof iconPaths | (string & {});
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    class?: string;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    size: 'md',
+  });
+
+  /** Rem-размеры инлайном: утилиты из строк в `<script>` Tailwind v4 не подхватывает — в CSS не попадают, SVG визуально 0×0. */
+  const iconSizeRem: Record<NonNullable<Props['size']>, string> = {
+    xs: '0.75rem',
+    sm: '1rem',
+    md: '1.125rem',
+    lg: '1.5rem',
+    xl: '2rem',
+    xxl: '2.5rem',
+  };
+
+  const iconLayoutStyle = computed(() => {
+    const s = iconSizeRem[props.size];
+    return {
+      width: s,
+      height: s,
+      minWidth: s,
+      flexShrink: 0,
+    } as const;
+  });
+
+  const iconClasses = computed(() => cn('block', props.class));
+
+  // Базовая библиотека иконок (можно расширить)
+
+  const iconComponent = computed(() => {
+    const resolvedName = props.name as keyof typeof iconPaths;
+    const icon = iconPaths[resolvedName] as any;
+    if (!icon) {
+      console.warn(`Icon "${props.name}" not found`);
+      return () =>
+        h('div', {
+          class: iconClasses.value,
+          style: { ...iconLayoutStyle.value },
+        });
+    }
+
+    if (icon.paths) {
+      return () => {
+        return h(
+          'svg',
+          {
+            fill: 'none',
+            viewBox: icon.viewBox || '0 0 24 24',
+            class: iconClasses.value,
+            style: { ...iconLayoutStyle.value },
+          },
+          icon.paths.map((path: any) => {
+            const isFilled = path['fill-rule'] || path['clip-rule'];
+            if (isFilled) {
+              return h('path', { ...path, fill: 'currentColor' });
+            }
+            return h('path', {
+              ...path,
+              fill: icon.fill || 'none',
+              stroke: icon.stroke || 'currentColor',
+              'stroke-linecap': 'round',
+              'stroke-linejoin': 'round',
+              'stroke-width': '2',
+            });
+          }),
+        );
+      };
+    }
+
+    // Для иконок с кастомным viewBox используем его, иначе стандартный
+    const viewBox = icon.viewBox || '0 0 24 24';
+
+    return () =>
+      h(
+        'svg',
+        {
+          fill: 'none',
+          stroke: 'currentColor',
+          viewBox,
+          class: iconClasses.value,
+          style: { ...iconLayoutStyle.value },
+        },
+        [
+          h('path', {
+            fill: 'none',
+            ...icon,
+
+            'stroke-linecap': 'round',
+            'stroke-linejoin': 'round',
+            'stroke-width': '2',
+          }),
+        ],
+      );
+  });
+</script>

package/src/shared/ui/base/StatusIndicator.vue

@@ -0,0 +1,44 @@
+<template>
+  <div :class="indicatorClasses" :style="angularStyle" />
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import { cn } from '../../utils/cn';
+
+  interface Props {
+    status: 'online' | 'offline' | 'away' | 'busy' | 'running' | 'idle';
+    size?: 'xs' | 'sm' | 'md';
+    angular?: boolean;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    size: 'sm',
+    angular: true,
+  });
+
+  const sizeMap = {
+    xs: 'w-1.5 h-1.5',
+    sm: 'w-2 h-2',
+    md: 'w-2.5 h-2.5',
+  };
+
+  const statusClasses = {
+    online: 'bg-success shadow-[0_0_4px_color-mix(in_srgb,var(--success)_60%,transparent)]',
+    offline: 'bg-subtle-fg',
+    away: 'bg-warning',
+    busy: 'bg-destructive',
+    running: 'bg-success shadow-[0_0_6px_color-mix(in_srgb,var(--success)_60%,transparent)]',
+    idle: 'bg-warning',
+  };
+
+  const indicatorClasses = computed(() => {
+    return cn(sizeMap[props.size], statusClasses[props.status], 'rounded-full');
+  });
+
+  const angularStyle = computed(() => {
+    // Убрали clip-path для индикаторов (кроме навигации, где используется через NavItem)
+    return '';
+  });
+</script>
+

package/src/shared/ui/base/index.ts

@@ -0,0 +1,7 @@
+export { default as Button } from './Button.vue';
+export { default as Icon } from './Icon.vue';
+export { default as Badge } from './Badge.vue';
+export { default as Avatar } from './Avatar.vue';
+export { default as StatusIndicator } from './StatusIndicator.vue';
+export { default as Divider } from './Divider.vue';
+