@central-design-system/components 4.0.0-alpha.1 → 4.0.0-alpha.11

package/dist/es/src/assets/icons/cds.js

@@ -99,11 +99,14 @@ const aliases = {
   "question-fill": "cds:M8 1A7 7 0 1 1 8 15 7 7 0 0 1 8 1ZM10.404 5.576C10.404 5.791 10.39 5.984 10.362 6.157A2.365 2.365 0 0 1 10.033 7.039C9.953 7.165 9.867 7.298 9.774 7.438A7.103 7.103 0 0 1 9.41 7.935 7.77 7.77 0 0 0 9.039 8.439 3.08 3.08 0 0 0 8.745 8.985C8.665 9.176 8.626 9.375 8.626 9.58V10.21H7.058V9.65C7.058 9.295 7.091 8.987 7.156 8.726S7.347 8.203 7.534 7.942C7.684 7.718 7.83 7.508 7.975 7.312 8.12 7.116 8.245 6.929 8.353 6.752 8.46 6.575 8.549 6.402 8.619 6.234 8.689 6.066 8.724 5.898 8.724 5.73 8.724 5.6 8.712 5.462 8.689 5.317A1.082 1.082 0 0 0 8.542 4.918 0.888 0.888 0 0 0 8.227 4.617C8.092 4.537 7.912 4.498 7.688 4.498A0.984 0.984 0 0 0 6.883 4.869C6.683 5.116 6.573 5.445 6.554 5.856A59.858 59.858 0 0 0 5.784 5.751 30.583 30.583 0 0 0 5 5.66C5.037 5.221 5.138 4.836 5.301 4.505 5.464 4.174 5.667 3.896 5.91 3.672 6.153 3.448 6.433 3.28 6.75 3.168A3.049 3.049 0 0 1 7.772 3C8.64 3 9.296 3.233 9.739 3.7 10.182 4.167 10.404 4.792 10.404 5.576ZM7.044 12.814V11.26H8.612V12.814H7.044Z",
   refresh: "cds:M14.93 7A7 7 0 0 1 3 12.898V15H2V11H6V12L3.529 12.001A6 6 0 0 0 13.917 7H14.929ZM13.929 1V5H9.929V4H12.399A6 6 0 0 0 2.012 9.001L1 9A7 7 0 0 1 12.93 3.102V1H13.93Z",
   remove: "cds:M8.01 7.345L11.334 4.021 11.999 4.686 8.675 8.01 11.979 11.314 11.314 11.979 8.01 8.675 4.685 12 4.02 11.335 7.345 8.01 4 4.665 4.665 4 8.01 7.345Z",
+  reset: "cds:M1.001 2H2.001L2 4.393A7 7 0 1 1 1 8H2C2 9.849 2.836 11.502 4.15 12.603A6 6 0 1 0 8 2A6 6 0 0 0 2.807 5H5V6H1Z",
   sandglass: "cds:M11.992 1V2L11.875 2.007A1 1 0 0 0 10.992 3V5L10.987 5.157A2.013 2.013 0 0 1 10.052 6.727L9.876 6.83C9.378 7.132 8.994 7.503 8.994 8L8.995 8.057C9.023 8.526 9.397 8.879 9.876 9.17L9.993 9.238C10.527 9.541 10.908 10.106 10.98 10.769L10.987 10.843 10.992 11V13L10.999 13.117A1 1 0 0 0 11.763 13.974L11.875 13.994 11.992 14V15H3.997V14L4.114 13.993A1 1 0 0 0 4.99 13.117L4.997 13V11L5.002 10.843 5.009 10.769A2.015 2.015 0 0 1 5.865 9.319L5.995 9.239 6.113 9.169C6.543 8.909 6.89 8.596 6.975 8.194L6.993 8.057 6.995 8C6.995 7.548 6.677 7.2 6.245 6.915L6.113 6.83 5.937 6.727A2.005 2.005 0 0 1 5.021 5.322L5.002 5.157 4.997 5V3A1 1 0 0 0 4.114 2.007L3.997 2V1H11.992ZM7.678 13.105L5.866 13.711C5.828 13.811 5.781 13.909 5.728 14.001H10.261C10.208 13.909 10.161 13.811 10.123 13.711L8.31 13.105A0.999 0.999 0 0 0 7.678 13.105ZM7.994 8V8.074A2 2 0 0 1 6.995 9.732C6.458 10.044 6.143 10.332 6.039 10.704L6.012 10.831 6.005 10.883 6 11 5.999 12.666 7.679 12.106A0.999 0.999 0 0 1 8.311 12.106L9.991 12.666V11L9.985 10.883 9.978 10.831C9.915 10.397 9.592 10.078 8.995 9.732A2 2 0 0 1 7.997 8.074L7.994 8ZM9.99 5H6L6.006 5.117 6.013 5.169C6.076 5.603 6.399 5.922 6.996 6.268A2 2 0 0 1 7.988 7.831L7.994 8A2 2 0 0 1 8.994 6.268C9.591 5.922 9.914 5.603 9.977 5.169L9.984 5.117 9.99 5ZM10.26 2H5.728C5.898 2.294 5.996 2.636 5.996 3H5.999L5.998 4H9.99V3H9.993C9.993 2.636 10.09 2.294 10.26 2Z",
   save: "cds:M2 14V2H11.026L14 5.001V14H2ZM5 3H3V13H5V8H11V13H13V5.413L11 3.394V6H5V3ZM10 9H6V13H10V9ZM10 3H6V5H10V3Z",
   "scale-left": "cds:M14.5 2A0.5 0.5 0 0 0 14 1.5H8V2.5H13.5V13.5H2.5V8H1.5V14L1.51 14.1C1.55 14.296 1.704 14.45 1.9 14.49L2 14.5H14A0.5 0.5 0 0 0 14.5 14V2Z M6.667 9.5V10.5H10A0.5 0.5 0 0 0 10.5 10V6.667H9.5V8.793L3.207 2.5H5.333V1.5H2A0.5 0.5 0 0 0 1.5 2V5.333H2.5V3.207L8.793 9.5H6.667Z",
   "scale-right": "cds:M1.5 2A0.5 0.5 0 0 1 2 1.5H8V2.5H2.5V13.5H13.5V8H14.5V14L14.49 14.1A0.501 0.501 0 0 1 14.1 14.49L14 14.5H2A0.5 0.5 0 0 1 1.5 14V2Z M9.333 9.5V10.5H6A0.5 0.5 0 0 1 5.5 10V6.667H6.5V8.793L12.793 2.5H10.667V1.5H14A0.5 0.5 0 0 1 14.5 2V5.333H13.5V3.207L7.207 9.5H9.333Z",
   search: "cds:M6.5 1A5.5 5.5 0 0 1 10.687 10.067L15 14.5 14.5 15 10.067 10.687A5.5 5.5 0 1 1 6.5 1ZM6.5 2A4.5 4.5 0 1 0 6.5 11 4.5 4.5 0 0 0 6.5 2Z",
+  send: "cds:M3.992 1.132L14.492 7.125L14.494 7.123A1 1 0 0 1 14.491 8.866L3.996 14.869A1.01 1.01 0 0 1 3.04 14.888A1 1 0 0 1 2.557 13.667L4.472 8L2.557 2.334A1 1 0 0 1 3.992 1.132M3.5 13.992C3.5 13.995 3.5 13.997 3.5 14L14 7.99L3.5 2A0.03 0.03 0 0 1 3.504 2.01L5.359 7.5H9V8.5H5.359Z",
+  "send-fill": "cds:M3.41 1.008A1 1 0 0 0 2.558 2.334L4.303 7.5H9.002V8.5H4.302L2.558 13.667A1.001 1.001 0 0 0 3.996 14.869L14.49 8.866A1.001 1.001 0 0 0 14.494 7.123L14.492 7.125L3.992 1.132A1 1 0 0 0 3.409 1.008",
   settings: "cds:M11 8A3 3 0 1 1 5 8 3 3 0 0 1 11 8ZM10 8A2 2 0 1 1 6 8 2 2 0 0 1 10 8Z M9.561 1.43L9.755 2.786C9.993 2.866 10.223 2.962 10.445 3.072L11.542 2.25A0.5 0.5 0 0 1 12.196 2.296L13.704 3.804A0.5 0.5 0 0 1 13.75 4.458L12.928 5.554C13.038 5.776 13.134 6.007 13.214 6.244L14.571 6.439A0.5 0.5 0 0 1 15 6.934V9.066A0.5 0.5 0 0 1 14.57 9.561L13.214 9.755C13.134 9.993 13.038 10.223 12.928 10.445L13.75 11.542A0.5 0.5 0 0 1 13.704 12.196L12.196 13.704A0.5 0.5 0 0 1 11.542 13.75L10.445 12.928A5.46 5.46 0 0 1 9.755 13.214L9.561 14.571A0.5 0.5 0 0 1 9.066 15H6.934A0.5 0.5 0 0 1 6.439 14.57L6.245 13.214A5.462 5.462 0 0 1 5.555 12.928L4.458 13.75A0.5 0.5 0 0 1 3.804 13.704L2.296 12.196A0.5 0.5 0 0 1 2.25 11.542L3.072 10.445A5.463 5.463 0 0 1 2.786 9.755L1.429 9.561A0.5 0.5 0 0 1 1 9.066V6.934A0.5 0.5 0 0 1 1.43 6.439L2.786 6.245C2.866 6.007 2.962 5.776 3.072 5.555L2.25 4.457A0.5 0.5 0 0 1 2.296 3.803L3.804 2.295A0.5 0.5 0 0 1 4.458 2.249L5.554 3.071C5.776 2.961 6.007 2.865 6.244 2.785L6.439 1.428A0.5 0.5 0 0 1 6.934 1H9.066A0.5 0.5 0 0 1 9.561 1.43ZM6.564 3.733L7.148 3.536 7.368 2H8.633L8.853 3.537 9.436 3.734C9.63 3.799 9.819 3.877 10 3.968L10.552 4.242 11.795 3.31 12.69 4.205 11.758 5.448 12.032 6C12.122 6.181 12.201 6.37 12.266 6.564L12.463 7.148 14 7.368V8.633L12.463 8.853 12.266 9.436A4.449 4.449 0 0 1 12.032 10L11.758 10.552 12.69 11.795 11.795 12.69 10.552 11.758 10 12.032C9.819 12.122 9.63 12.201 9.436 12.266L8.852 12.463 8.632 14H7.368L7.148 12.463 6.565 12.266A4.45 4.45 0 0 1 6 12.032L5.448 11.758 4.205 12.69 3.31 11.795 4.242 10.552 3.968 10A4.464 4.464 0 0 1 3.734 9.436L3.537 8.852 2 8.632V7.368L3.537 7.148 3.734 6.565C3.799 6.371 3.877 6.182 3.968 6.001L4.242 5.449 3.31 4.206 4.205 3.311 5.448 4.243 6 3.968C6.181 3.878 6.37 3.799 6.564 3.734Z",
   "shopping-cart": "cds:M5.95 12A1 1 0 1 1 5.95 14 1 1 0 0 1 5.95 12ZM11.95 12A1 1 0 1 1 11.95 14 1 1 0 0 1 11.95 12ZM2.5 2H3.785L3.868 2.007A0.5 0.5 0 0 1 4.42 2.331L4.443 2.418 4.711 4.017C4.774 4.005 4.833 4 4.892 4H13.769A1 1 0 0 1 14.756 5.164L14.089 9.164A1 1 0 0 1 13.103 10H5.707L5.874 11H12.45A0.5 0.5 0 0 1 12.54 11.992L12.45 12 5.532 11.993 5.463 12H5.45A0.503 0.503 0 0 1 4.98 11.67L4.957 11.582 3.526 3H2.5A0.5 0.5 0 1 1 2.5 2ZM13.77 5H4.891L5.609 9H13.102L13.768 5Z",
   "sort-date": "cds:M12 8V13.156L14.364 10.793 15.071 11.5 11.536 15.036 8 11.5 8.707 10.793 11 13.086V8H12ZM9.5 1A0.5 0.5 0 0 1 9.992 1.41L10 1.5V2.002H11.002A2 2 0 0 1 12.996 3.854L13.002 4.003V6.998H12.002L12 6H1.999L2 12.026A1 1 0 0 0 2.883 13.019L3 13.026H7V14.026H3A2 2 0 0 1 1.005 12.176L1 12.025V4.003A2 2 0 0 1 2.85 2.008L3 2.003 4 2.002V1.5A0.5 0.5 0 0 1 4.992 1.41L5 1.5V2.002H9V1.5A0.5 0.5 0 0 1 9.5 1ZM9 3.002H5V3.5A0.5 0.5 0 0 1 4.008 3.59L4 3.5V3.002H3A1 1 0 0 0 2.007 3.886L2 4.003 1.999 5H12.001V4.003A1 1 0 0 0 11.119 3.01L11.002 3.003 10 3.002V3.5A0.5 0.5 0 0 1 9.008 3.59L9 3.5V3.002Z",
@@ -133,6 +136,8 @@ const aliases = {
   "visibility-off": "cds:M13.732 2.267L14.482 3.017 12.733 4.767C14.195 5.972 15 7.447 15 8 15 9 12.375 13 8 13A7.064 7.064 0 0 1 5.115 12.384L3.017 14.48 2.267 13.73 13.732 2.267ZM12.019 5.481L10.734 6.764A3 3 0 0 1 6.764 10.734L5.881 11.617A6.04 6.04 0 0 0 8 12C9.71 12 11.25 11.287 12.493 10.101A7.19 7.19 0 0 0 13.685 8.631L13.808 8.413 13.901 8.227 13.984 8.041 14 8 13.964 7.912 13.885 7.739A4.868 4.868 0 0 0 13.685 7.369 7.19 7.19 0 0 0 12.493 5.899 7.816 7.816 0 0 0 12.019 5.481ZM8 3C9.123 3 10.131 3.264 11.009 3.673L10.248 4.433A6.047 6.047 0 0 0 8 4C6.29 4 4.75 4.713 3.507 5.899A7.19 7.19 0 0 0 2.315 7.369L2.192 7.587 2.099 7.773 2.016 7.959 2 8 2.036 8.088 2.115 8.261C2.165 8.365 2.232 8.493 2.315 8.631A7.19 7.19 0 0 0 3.507 10.101C3.692 10.278 3.884 10.444 4.082 10.599L3.367 11.314C1.842 10.094 1 8.566 1 8 1 7 3.625 3 8 3ZM9.95 7.551L7.55 9.949A2 2 0 0 0 9.95 7.551ZM8 5C8.488 5 8.95 5.117 9.357 5.324L8.592 6.089A2 2 0 0 0 6.089 8.592L5.324 9.357A3 3 0 0 1 8 5Z",
   "visibility-on": "cds:M8 3C12.375 3 15 7 15 8S12.375 13 8 13 1 9 1 8 3.625 3 8 3ZM8 4C6.29 4 4.75 4.713 3.507 5.899A7.19 7.19 0 0 0 2.315 7.369L2.192 7.587C2.066 7.826 2 7.997 2 8L2.036 8.088 2.115 8.261C2.165 8.365 2.232 8.493 2.315 8.631A7.19 7.19 0 0 0 3.507 10.101C4.75 11.287 6.29 12 8 12 9.71 12 11.25 11.287 12.493 10.101A7.19 7.19 0 0 0 13.685 8.631L13.808 8.413C13.934 8.174 14 8.003 14 8L13.964 7.912A4.75 4.75 0 0 0 13.685 7.369 7.19 7.19 0 0 0 12.493 5.899C11.25 4.713 9.71 4 8 4ZM8 5A3 3 0 1 1 8 11 3 3 0 0 1 8 5ZM8 6A2 2 0 1 0 8 10 2 2 0 0 0 8 6Z",
   vk: "cds:M3.272 4C3.272 5.705 3.433 6.854 4.081 7.934 4.728 9.014 5.833 9.854 6.777 10.096V4H9.112V7.599C10.062 7.119 10.731 6.662 11.118 6.228 11.506 5.794 11.896 5.051 12.29 4H14.561C14.377 5.074 14.001 6.034 13.433 6.879 12.866 7.724 12.253 8.248 11.596 8.451 12.703 9.26 13.476 9.956 13.911 10.539 14.348 11.122 14.711 11.942 15 13H12.582C11.994 11.824 11.506 11.06 11.118 10.71 10.731 10.36 10.062 10.08 9.112 9.867V13C6.481 12.954 4.472 12.134 3.082 10.539 1.695 8.944 1 6.764 1 4H3.272Z",
+  wallet: "cds:M13.5 4H3.5A0.5 0.5 0 1 1 3.5 3H12A0.5 0.5 0 0 0 12 2H3.5A1.5 1.5 0 0 0 2 3.5V11.5A1.5 1.5 0 0 0 3.5 13H13.5A1 1 0 0 0 14.5 12V5A1 1 0 0 0 13.5 4M13.5 12H3.5A0.5 0.5 0 0 1 3 11.5V4.914C3.16 4.971 3.33 5 3.5 5H13.5ZM10.5 8.25A0.75 0.75 0 1 1 12 8.25A0.75 0.75 0 0 1 10.5 8.25",
+  "wallet-fill": "cds:M13.5 4H3.5A0.5 0.5 0 1 1 3.5 3H12A0.5 0.5 0 0 0 12 2H3.5A1.5 1.5 0 0 0 2 3.5V11.5A1.5 1.5 0 0 0 3.5 13H13.5A1 1 0 0 0 14.5 12V5A1 1 0 0 0 13.5 4M11.25 9A0.75 0.75 0 1 1 11.25 7.5A0.75 0.75 0 0 1 11.25 9",
   whatsapp: "cds:M4.61 4.865A0.52 0.52 0 0 1 4.977 4.635L5.457 4.568A0.273 0.273 0 0 1 5.728 4.698L6.619 6.183C6.667 6.263 6.671 6.361 6.63 6.443L6.234 7.252A0.267 0.267 0 0 0 6.254 7.522 5.421 5.421 0 0 0 8.923 9.533 0.267 0.267 0 0 0 9.187 9.477L9.855 8.874A0.273 0.273 0 0 1 10.108 8.813L11.781 9.26A0.273 0.273 0 0 1 11.981 9.485L12.048 9.965A0.52 0.52 0 0 1 11.929 10.38C10.634 11.865 9.397 11.62 6.66 9.758 4.117 7.641 3.54 6.518 4.61 4.865Z M1 15L4.575 14.106A7 7 0 1 0 1.894 11.425L1 15ZM2.96 11.282C2.385 10.258 2 9.192 2 8A6 6 0 1 1 8 14C6.808 14 5.742 13.615 4.718 13.04L2.374 13.626 2.96 11.282Z",
   winner: "cds:M3 7A1 1 0 0 1 2 6V3A1 1 0 0 1 3 2H4V1H12V2H13A1 1 0 0 1 14 3V6A1 1 0 0 1 13 7H12A3 3 0 0 1 9 10H8.5V14H11V15H5V14H7.5V10H7A3 3 0 0 1 4 7H3ZM11 2H5V7A2 2 0 0 0 7 9H9A2 2 0 0 0 11 7V2ZM4 3H3V6H4V3ZM13 3H12V6H13V3Z",
   workspace: "cds:M14 8A1 1 0 0 1 15 9V14A1 1 0 0 1 14 15H9A1 1 0 0 1 8 14V9A1 1 0 0 1 9 8H14ZM14 9H9V14H14V9ZM6 8A1 1 0 0 1 7 9V12A1 1 0 0 1 6 13H2A1 1 0 0 1 1 12V9A1 1 0 0 1 2 8H6ZM6 9H2V12H6V9ZM14 1A1 1 0 0 1 15 2V6A1 1 0 0 1 14 7H11A1 1 0 0 1 10 6V2A1 1 0 0 1 11 1H14ZM8 1A1 1 0 0 1 9 2V6A1 1 0 0 1 8 7H2A1 1 0 0 1 1 6V2A1 1 0 0 1 2 1H8ZM14 2H11V6H14V2ZM8 2H2V6H8V2Z",

package/dist/es/src/assets/icons/lucide.js

@@ -108,11 +108,14 @@ const aliases = {
   "question-fill": "i-lucide:circle-help",
   refresh: "i-lucide:refresh-cw",
   remove: "i-lucide:x",
+  reset: "i-lucide:rotate-ccw",
   sandglass: "i-lucide:hourglass",
   save: "i-lucide:save",
   "scale-left": "i-lucide:move-diagonal",
   "scale-right": "i-lucide:move-diagonal-2",
   search: "i-lucide:search",
+  send: "i-lucide:send-horizontal",
+  "send-fill": "i-lucide:send-horizontal",
   settings: "i-lucide:settings",
   "shopping-cart": "i-lucide:shopping-cart",
   "sort-date": "i-lucide:calendar-arrow-down",
@@ -140,6 +143,8 @@ const aliases = {
   "user-group": "i-lucide:users",
   "visibility-off": "i-lucide:eye-off",
   "visibility-on": "i-lucide:eye",
+  wallet: "i-lucide:wallet",
+  "wallet-fill": "i-lucide:wallet",
   winner: "i-lucide:trophy",
   workspace: "i-lucide:layout",
   youtube: "i-lucide:youtube",

package/dist/es/src/assets/icons/mdi.js

@@ -103,11 +103,14 @@ const aliases = {
   "question-fill": "i-mdi:help-circle",
   refresh: "i-mdi:refresh",
   remove: "i-mdi:close",
+  reset: "i-mdi:restore",
   sandglass: "i-mdi:timer-sand",
   save: "i-mdi:content-save-outline",
   "scale-left": "i-mdi:arrow-top-left-bottom-right",
   "scale-right": "i-mdi:arrow-top-right-bottom-left",
   search: "i-mdi:magnify",
+  send: "i-mdi:send-outline",
+  "send-fill": "i-mdi:send",
   settings: "i-mdi:cog-outline",
   "shopping-cart": "i-mdi:cart-outline",
   "sort-date": "i-mdi:sort-calendar-descending",
@@ -137,6 +140,8 @@ const aliases = {
   "visibility-off": "i-mdi:eye-off-outline",
   "visibility-on": "i-mdi:eye-outline",
   vk: "i-mdi:vk",
+  wallet: "i-mdi:wallet-outline",
+  "wallet-fill": "i-mdi:wallet",
   whatsapp: "i-mdi:whatsapp",
   winner: "i-mdi:trophy-outline",
   workspace: "i-mdi:view-dashboard-outline",

package/dist/es/src/assets/icons/phosphor.js

@@ -105,11 +105,14 @@ const aliases = {
   "question-fill": "i-ph:question-fill",
   refresh: "i-ph:arrows-clockwise",
   remove: "i-ph:x",
+  reset: "i-ph:arrow-counter-clockwise",
   sandglass: "i-ph:hourglass",
   save: "i-ph:floppy-disk",
   "scale-left": "i-ph:arrow-line-up-left",
   "scale-right": "i-ph:arrow-line-up-right",
   search: "i-ph:magnifying-glass",
+  send: "i-ph:paper-plane-right",
+  "send-fill": "i-ph:paper-plane-right-fill",
   settings: "i-ph:gear",
   "shopping-cart": "i-ph:shopping-cart-simple",
   "sort-date": "i-ph:calendar",
@@ -138,6 +141,8 @@ const aliases = {
   "user-group": "i-ph:users-three",
   "visibility-off": "i-ph:eye-slash",
   "visibility-on": "i-ph:eye",
+  wallet: "i-ph:wallet",
+  "wallet-fill": "i-ph:wallet-fill",
   whatsapp: "i-ph:whatsapp-logo",
   winner: "i-ph:trophy",
   workspace: "i-ph:layout",

package/dist/es/src/assets/icons/remix.js

@@ -109,11 +109,14 @@ const aliases = {
   "question-fill": "i-ri:question-fill",
   refresh: "i-ri:refresh-line",
   remove: "i-ri:close-line",
+  reset: "i-ri:reset-left-line",
   sandglass: "i-ri:hourglass-line",
   save: "i-ri:save-line",
   "scale-left": "i-ri:expand-diagonal-line",
   "scale-right": "i-ri:expand-diagonal-s-line",
   search: "i-ri:search-line",
+  send: "i-ri:send-plane-2-line",
+  "send-fill": "i-ri:send-plane-2-fill",
   "shopping-cart": "i-ri:shopping-cart-2-line",
   "sort-date": "i-ri:calendar-2-line",
   sorting: "i-ri:expand-up-down-line",
@@ -138,6 +141,8 @@ const aliases = {
   "unlocked-left": "i-ri:lock-unlock-line",
   upload: "i-ri:upload-line",
   "user-group": "i-ri:group-line",
+  wallet: "i-ri:wallet-3-line",
+  "wallet-fill": "i-ri:wallet-3-fill",
   whatsapp: "i-ri:whatsapp-line",
   winner: "i-ri:trophy-line",
   workspace: "i-ri:dashboard-line",

package/dist/es/src/cds.js

@@ -1,18 +1,18 @@
 import { C as CssGridSymbol } from "./components/CdsGrid/api/CdsGrid.constants.js";
+import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
+import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
 import { G as GoToSymbol } from "./composables/useGoTo/internal/useGoTo.constants.js";
 import { c as createGoTo } from "./composables/useGoTo/useGoTo.js";
 import { a as IconSymbol } from "./composables/useIcons/internal/useIcons.constants.js";
 import { L as LocaleSymbol } from "./composables/useLocale/internal/useLocale.constants.js";
 import { c as createLocale } from "./composables/useLocale/useLocale.js";
+import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
+import { c as createTheme } from "./composables/useTheme/useTheme.js";
 import { c as createDefaults, D as DefaultsSymbol } from "./core/useDefaults.js";
 import { c as createIcons } from "./icons.js";
 import { a1 as mergeDeep } from "./utils/helpers.js";
 import { a as IN_BROWSER } from "./utils/dom/globals.js";
 import { effectScope, defineComponent, nextTick, reactive } from "vue";
-import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
-import { c as createTheme } from "./composables/useTheme/useTheme.js";
-import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
-import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
 function createCds(cdsOptions = {}) {
   const { blueprint, ...rest } = cdsOptions;
   const options = mergeDeep(blueprint, rest);
@@ -108,7 +108,7 @@ function createCds(cdsOptions = {}) {
     };
   });
 }
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.11";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

package/dist/es/src/components/CdsApp/CdsApp.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-app {
     display: flex;

package/dist/es/src/components/CdsApp/CdsApp.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsAppConstants } from "./api/CdsApp.constants.js";
 import { d as defineCdsAppProps } from "./api/CdsApp.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

package/dist/es/src/components/CdsApp/api/CdsApp.props.js

@@ -1,9 +1,10 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAppConstants } from "./CdsApp.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsAppProps = propsFactory(
   {
+    /** Режим отображения внутри Storybook: убирает полноэкранную обёртку, `'fluid'` дополнительно снимает ограничение ширины */
     storybook: {
       type: [Boolean, String],
       default: false

package/dist/es/src/components/CdsAutocomplete/CdsAutocomplete.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-autocomplete .cds-field .cds-text-input__prefix,
   .cds-autocomplete .cds-field .cds-text-input__suffix,

package/dist/es/src/components/CdsAutocomplete/CdsAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,6 @@ import { d as defineCdsTagProps } from "../CdsTag/api/CdsTag.props.js";
 import { d as defineCdsTextInputProps } from "../CdsTextInput/api/CdsTextInput.props.js";
 import { u as useFilter } from "../../composables/useFilter/useFilter.js";
 import { u as useFocusGroups } from "../../composables/useFocus/useFocusGroup.js";
-import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useItems } from "../../composables/useItems/useItems.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { f as filterProps } from "../../core/defineComponent.js";
@@ -21,6 +20,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsAutocompleteConstants } from "./api/CdsAutocomplete.constants.js";
 import { d as defineCdsAutocompleteProps } from "./api/CdsAutocomplete.props.js";
+import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
@@ -395,19 +395,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (disabled) menu.value = false;
     });
     __expose(forwardRefs({
-      /** Находится ли компонент в фокусе. */
+      /**
+       * Находится ли компонент в фокусе.
+       * @en Whether the component is focused.
+       */
       isFocused,
-      /** Не изменялся ли поисковый запрос с момента последнего выбора. */
+      /**
+       * Не изменялся ли поисковый запрос с момента последнего выбора.
+       * @en Whether the search query has not changed since the last selection.
+       */
       isPure,
       /** Состояние открытия выпадающего меню. */
       menu,
-      /** Текущее значение поискового запроса. */
+      /**
+       * Текущее значение поискового запроса.
+       * @en Current value of the search query.
+       */
       search,
-      /** Элементы, отфильтрованные по текущему поисковому запросу. */
+      /**
+       * Элементы, отфильтрованные по текущему поисковому запросу.
+       * @en Items filtered by the current search query.
+       */
       filteredItems,
       /** Выбрать элемент списка. Передайте `set` для явного добавления/снятия выбора. */
       select,
-      /** Переключить выбор всех доступных элементов (только для `multiple` + `isSelectAll`). */
+      /**
+       * Переключить выбор всех доступных элементов (только для `multiple` + `isSelectAll`).
+       * @en Toggle the selection of all available items (for `multiple` + `isSelectAll` only).
+       */
       selectAll: onSelectAll
     }, cdsTextInputRef));
     return () => {

package/dist/es/src/components/CdsAutocomplete/api/CdsAutocomplete.props.js

@@ -11,13 +11,20 @@ const defineCdsAutocompleteProps = propsFactory(
     /**
      * Подсвечивает первый подходящий элемент списка при вводе; Enter или Tab выбирают его.
      * Значение `exact` подсвечивает только при полном совпадении поискового запроса с заголовком элемента.
+     * @en Highlights the first matching item as you type; Enter or Tab select it. The `exact` value highlights it only on a full match of the search query with the item title.
      */
     autoSelectFirst: {
       type: [Boolean, String]
     },
-    /** Очищает поисковый запрос после выбора элемента (актуально для `multiple`). */
+    /**
+     * Очищает поисковый запрос после выбора элемента (актуально для `multiple`).
+     * @en Clears the search query after an item is selected (relevant for `multiple`).
+     */
     clearOnSelect: Boolean,
-    /** Текущее значение поискового запроса для фильтрации элементов (v-model:search). */
+    /**
+     * Текущее значение поискового запроса для фильтрации элементов (v-model:search).
+     * @en Current value of the search query used to filter the items (v-model:search).
+     */
     search: String,
     ...defineFilterProps({ filterKeys: ["title"] }),
     ...omit(defineSelectProps(), ["nativeSelect", "noAutoScroll"]),

package/dist/es/src/components/CdsAvatar/CdsAvatar.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-avatar {
     position: relative;

package/dist/es/src/components/CdsAvatar/CdsAvatar.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { l as isObject } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -9,7 +10,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsAvatarConstants } from "./api/CdsAvatar.constants.js";
 import { d as defineCdsAvatarProps } from "./api/CdsAvatar.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsAvatar/api/CdsAvatar.props.js

@@ -1,25 +1,40 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAvatarConstants } from "./CdsAvatar.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsAvatarProps = propsFactory(
   {
-    /** Бейдж аватара. `true` показывает точку, объект — пропсы `CdsBadge`. */
+    /**
+     * Бейдж аватара. `true` показывает точку, объект — пропсы `CdsBadge`.
+     * @en Avatar badge. `true` shows a dot, an object is passed through as `CdsBadge` props.
+     */
     badge: {
       type: [Boolean, Object],
       default: false
     },
-    /** Источник изображения аватара. Имеет приоритет над `icon` и `text`. */
+    /**
+     * Источник изображения аватара. Имеет приоритет над `icon` и `text`.
+     * @en Source of the avatar image. Takes priority over `icon` and `text`.
+     */
     image: String,
-    /** Иконка, отображаемая в аватаре, если не задано изображение. */
+    /**
+     * Иконка, отображаемая в аватаре, если не задано изображение.
+     * @en Icon shown in the avatar when no image is set.
+     */
     icon: IconValue,
-    /** Добавляет отступ справа — для использования в начале строки контента. */
+    /**
+     * Добавляет отступ справа — для использования в начале строки контента.
+     * @en Adds a margin on the right — for an avatar at the beginning of a line of content.
+     */
     start: Boolean,
-    /** Добавляет отступ слева — для использования в конце строки контента. */
+    /**
+     * Добавляет отступ слева — для использования в конце строки контента.
+     * @en Adds a margin on the left — for an avatar at the end of a line of content.
+     */
     end: Boolean,
     ...defineSizeProps(),
     ...defineTextProps(),

package/dist/es/src/components/CdsBadge/CdsBadge.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-badge {
     display: inline-block;

package/dist/es/src/components/CdsBadge/CdsBadge.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { defineComponent, useSlots, useAttrs, unref, createVNode, mergeProps, wi
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as useText } from "../../composables/useText/useText.js";
+import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.js";
@@ -10,7 +11,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsBadgeConstants, f as floatingBadgeDotOffset, a as floatingBadgeOffset, d as defaultBadgeDotOffset, b as defaultBadgeOffset } from "./api/CdsBadge.constants.js";
 import { d as defineCdsBadgeProps } from "./api/CdsBadge.props.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
-import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js

@@ -1,41 +1,69 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsBadgeConstants } from "./CdsBadge.constants.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBadgeProps = propsFactory(
   {
-    /**Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано. */
+    /**
+     * Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано.
+     * @en Icon shown inside the component. Ignored when the `dot` prop is set.
+     */
     icon: IconValue,
-    /**Уменьшает размер и скрывает содержимое, отображая компонент в виде точки */
+    /**
+     * Уменьшает размер и скрывает содержимое, отображая компонент в виде точки
+     * @en Shrinks the component and hides its content, rendering it as a dot
+     */
     dot: Boolean,
-    /**Размер точки */
+    /**
+     * Размер точки
+     * @en Dot size
+     */
     dotSize: [Number, String],
-    /**Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы. */
+    /**
+     * Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы.
+     * @en Renders as an inline block instead of using absolute positioning. The location, floating and offset props are ignored.
+     */
     inline: Boolean,
-    /**Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей. */
+    /**
+     * Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей.
+     * @en Moves the component further away from the content — an 8 pixel offset.
+     */
     floating: Boolean,
     /**
      * Устанавливает максимальное допустимое значение при использовании атрибута content со значением в виде числа.
      * Если число в поле content превышает максимальное значение, к нему добавляется суффикс «+».
+     * @en Sets the maximum allowed value when content holds a number. If the number exceeds the maximum, a "+" suffix is added.
      */
     max: [Number, String],
-    /** Сместить по оси X */
+    /**
+     * Сместить по оси X
+     * @en Offset along the X axis
+     */
     offsetX: [Number, String],
-    /** Сместить по оси Y */
+    /**
+     * Сместить по оси Y
+     * @en Offset along the Y axis
+     */
     offsetY: [Number, String],
-    /** Определяет, отображается ли компонент или скрыт. */
+    /**
+     * Определяет, отображается ли компонент или скрыт.
+     * @en Controls whether the component is shown or hidden.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию. */
+    /**
+     * Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию.
+     * @en Aria-label for the component. Falls back to the default value when not set.
+     */
     label: {
       type: String,
       default: "$cds.badge"

package/dist/es/src/components/CdsBreadcrumbs/CdsBreadcrumbs.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-breadcrumbs {
     display: flex;

package/dist/es/src/components/CdsBreadcrumbs/api/CdsBreadcrumbs.props.js

@@ -9,19 +9,31 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBreadcrumbsProps = propsFactory(
   {
-    /** Массив строк или объектов, используемый для автоматического создания дочерних компонентов */
+    /**
+     * Массив строк или объектов, используемый для автоматического создания дочерних компонентов
+     * @en Array of strings or objects used to build the child components automatically
+     */
     items: {
       type: Array,
       default: () => []
     },
-    /** Разделитель между дочерними компонентами */
+    /**
+     * Разделитель между дочерними компонентами
+     * @en Divider between the child components
+     */
     divider: {
       type: String,
       default: "/"
     },
-    /** Иконка отображаемая рядом с компонентом */
+    /**
+     * Иконка отображаемая рядом с компонентом
+     * @en Icon displayed next to the component
+     */
     icon: IconValue,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
     ...defineComponentProps(),
     ...defineDisabledProps(),
@@ -32,11 +44,20 @@ const defineCdsBreadcrumbsProps = propsFactory(
 );
 const defineCdsBreadcrumbsItemProps = propsFactory(
   {
-    /** Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации */
+    /**
+     * Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации
+     * @en Active state of the component; usually marks the current page in the navigation
+     */
     active: Boolean,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
-    /** Заголовок элемента, отображаемый в компоненте */
+    /**
+     * Заголовок элемента, отображаемый в компоненте
+     * @en Item title displayed in the component
+     */
     title: String,
     ...defineComponentProps(),
     ...defineRouterProps(),
@@ -49,7 +70,10 @@ const defineCdsBreadcrumbsItemProps = propsFactory(
 );
 const defineCdsBreadcrumbsDividerProps = propsFactory(
   {
-    /** Разделитель */
+    /**
+     * Разделитель
+     * @en Divider
+     */
     divider: [Number, String],
     ...defineComponentProps()
   },