@sofya-ds/react 1.1.12 → 1.1.14

package/dist/index.cjs

@@ -158,6 +158,7 @@ __export(index_exports, {
   hexToHslChannels: () => import_tokens2.hexToHslChannels,
   iconColorOptions: () => iconColorOptions,
   iconNames: () => iconNames,
+  iconSizeMap: () => iconSizeMap,
   iconSizeOptions: () => iconSizeOptions,
   inputVariantOptions: () => inputVariantOptions,
   isTextContent: () => isTextContent,
@@ -301,107 +302,89 @@ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
 var React2 = __toESM(require("react"), 1);
 
 // src/components/icon-data.ts
-var rawIconRegistry = {
-  "files": { viewBox: "0 0 13.75 16.25", d: "M13.5672 3.30781L10.4422 0.182813C10.3841 0.124791 10.3152 0.0787825 10.2393 0.0474149C10.1634 0.0160474 10.0821 -6.43662e-05 10 1.93249e-07H3.75C3.41848 1.93249e-07 3.10054 0.131696 2.86612 0.366117C2.6317 0.600537 2.5 0.91848 2.5 1.25V2.5H1.25C0.918479 2.5 0.600537 2.6317 0.366116 2.86612C0.131696 3.10054 0 3.41848 0 3.75V15C0 15.3315 0.131696 15.6495 0.366116 15.8839C0.600537 16.1183 0.918479 16.25 1.25 16.25H10C10.3315 16.25 10.6495 16.1183 10.8839 15.8839C11.1183 15.6495 11.25 15.3315 11.25 15V13.75H12.5C12.8315 13.75 13.1495 13.6183 13.3839 13.3839C13.6183 13.1495 13.75 12.8315 13.75 12.5V3.75C13.7501 3.6679 13.734 3.58659 13.7026 3.51072C13.6712 3.43485 13.6252 3.3659 13.5672 3.30781ZM10 15H1.25V3.75H7.24141L10 6.50859V13.1125C10 13.1172 10 13.1211 10 13.125C10 13.1289 10 13.1328 10 13.1375V15ZM12.5 12.5H11.25V6.25C11.2501 6.1679 11.234 6.08659 11.2026 6.01072C11.1712 5.93485 11.1252 5.8659 11.0672 5.80781L7.94219 2.68281C7.8841 2.62479 7.81515 2.57878 7.73928 2.54741C7.66341 2.51605 7.5821 2.49994 7.5 2.5H3.75V1.25H9.74141L12.5 4.00859V12.5ZM8.125 10C8.125 10.1658 8.05915 10.3247 7.94194 10.4419C7.82473 10.5592 7.66576 10.625 7.5 10.625H3.75C3.58424 10.625 3.42527 10.5592 3.30806 10.4419C3.19085 10.3247 3.125 10.1658 3.125 10C3.125 9.83424 3.19085 9.67527 3.30806 9.55806C3.42527 9.44085 3.58424 9.375 3.75 9.375H7.5C7.66576 9.375 7.82473 9.44085 7.94194 9.55806C8.05915 9.67527 8.125 9.83424 8.125 10ZM8.125 12.5C8.125 12.6658 8.05915 12.8247 7.94194 12.9419C7.82473 13.0592 7.66576 13.125 7.5 13.125H3.75C3.58424 13.125 3.42527 13.0592 3.30806 12.9419C3.19085 12.8247 3.125 12.6658 3.125 12.5C3.125 12.3342 3.19085 12.1753 3.30806 12.0581C3.42527 11.9408 3.58424 11.875 3.75 11.875H7.5C7.66576 11.875 7.82473 11.9408 7.94194 12.0581C8.05915 12.1753 8.125 12.3342 8.125 12.5Z" },
-  "books": { viewBox: "0 0 14.9996 15.6243", d: "M14.9727 13.3236L12.3797 0.995429C12.3462 0.834212 12.2811 0.681209 12.1882 0.545211C12.0954 0.409213 11.9766 0.2929 11.8387 0.202954C11.7007 0.113007 11.5464 0.0512006 11.3845 0.0210839C11.2226 -0.00903273 11.0564 -0.00686564 10.8953 0.0274607L7.23828 0.813398C6.9148 0.884226 6.63238 1.07991 6.45242 1.35789C6.27247 1.63586 6.20955 1.97365 6.27734 2.29777L8.87031 14.6259C8.9281 14.9072 9.08096 15.16 9.30319 15.3418C9.52543 15.5236 9.80349 15.6234 10.0906 15.6243C10.1794 15.6242 10.2679 15.6148 10.3547 15.5962L14.0117 14.8103C14.3356 14.7393 14.6183 14.5432 14.7983 14.2648C14.9783 13.9863 15.0409 13.648 14.9727 13.3236ZM7.5 2.0423C7.5 2.03762 7.5 2.03527 7.5 2.03527L11.1563 1.25402L11.4164 2.49387L7.76016 3.28059L7.5 2.0423ZM8.01719 4.5009L11.675 3.71574L11.9359 4.95793L8.28125 5.74387L8.01719 4.5009ZM8.53594 6.9673L12.1938 6.18137L13.2328 11.122L9.575 11.9079L8.53594 6.9673ZM13.75 13.5884L10.0937 14.3696L9.83359 13.1298L13.4898 12.3431L13.75 13.5814C13.75 13.5861 13.75 13.5884 13.75 13.5884ZM5 0.624336H1.25C0.918479 0.624336 0.600537 0.756032 0.366116 0.990452C0.131696 1.22487 0 1.54282 0 1.87434V14.3743C0 14.7059 0.131696 15.0238 0.366116 15.2582C0.600537 15.4926 0.918479 15.6243 1.25 15.6243H5C5.33152 15.6243 5.64946 15.4926 5.88388 15.2582C6.1183 15.0238 6.25 14.7059 6.25 14.3743V1.87434C6.25 1.54282 6.1183 1.22487 5.88388 0.990452C5.64946 0.756032 5.33152 0.624336 5 0.624336ZM1.25 1.87434H5V3.12434H1.25V1.87434ZM1.25 4.37434H5V11.8743H1.25V4.37434ZM5 14.3743H1.25V13.1243H5V14.3743Z" },
-  "file-magnifying-glass": { viewBox: "0 0 13.75 16.25", d: "M13.5672 4.55781L9.19219 0.182813C9.1341 0.124791 9.06515 0.0787825 8.98928 0.0474149C8.91341 0.0160474 8.8321 -6.43662e-05 8.75 1.93249e-07H1.25C0.918479 1.93249e-07 0.600537 0.131696 0.366116 0.366117C0.131696 0.600537 0 0.91848 0 1.25V15C0 15.3315 0.131696 15.6495 0.366116 15.8839C0.600537 16.1183 0.918479 16.25 1.25 16.25H12.5C12.8315 16.25 13.1495 16.1183 13.3839 15.8839C13.6183 15.6495 13.75 15.3315 13.75 15V5C13.7501 4.9179 13.734 4.83659 13.7026 4.76072C13.6712 4.68485 13.6252 4.6159 13.5672 4.55781ZM9.375 2.13359L11.6164 4.375H9.375V2.13359ZM12.5 15H1.25V1.25H8.125V5C8.125 5.16576 8.19085 5.32473 8.30806 5.44194C8.42527 5.55915 8.58424 5.625 8.75 5.625H12.5V15ZM8.94219 11.1836C9.31104 10.5975 9.45102 9.896 9.33537 9.2132C9.21973 8.5304 8.85657 7.91414 8.31528 7.48217C7.77399 7.0502 7.09253 6.8328 6.40109 6.87151C5.70964 6.91022 5.0567 7.20232 4.56701 7.69201C4.07732 8.1817 3.78522 8.83464 3.74651 9.52609C3.7078 10.2175 3.9252 10.899 4.35717 11.4403C4.78914 11.9816 5.4054 12.3447 6.0882 12.4604C6.771 12.576 7.47247 12.436 8.05859 12.0672L8.93281 12.9422C8.99088 13.0003 9.05982 13.0463 9.13569 13.0777C9.21156 13.1092 9.29288 13.1253 9.375 13.1253C9.45712 13.1253 9.53844 13.1092 9.61431 13.0777C9.69018 13.0463 9.75912 13.0003 9.81719 12.9422C9.87526 12.8841 9.92132 12.8152 9.95275 12.7393C9.98417 12.6634 10.0003 12.5821 10.0003 12.5C10.0003 12.4179 9.98417 12.3366 9.95275 12.2607C9.92132 12.1848 9.87526 12.1159 9.81719 12.0578L8.94219 11.1836ZM5 9.6875C5 9.37847 5.09164 9.07637 5.26333 8.81942C5.43502 8.56247 5.67905 8.3622 5.96456 8.24394C6.25007 8.12568 6.56423 8.09473 6.86733 8.15502C7.17042 8.21531 7.44883 8.36413 7.66735 8.58265C7.88587 8.80117 8.03469 9.07958 8.09498 9.38267C8.15527 9.68577 8.12432 9.99993 8.00606 10.2854C7.8878 10.571 7.68753 10.815 7.43058 10.9867C7.17363 11.1584 6.87153 11.25 6.5625 11.25C6.1481 11.25 5.75067 11.0854 5.45765 10.7924C5.16462 10.4993 5 10.1019 5 9.6875Z" },
-  "minus": { viewBox: "0 0 15 1.25", d: "M15 0.625C15 0.79076 14.9342 0.949732 14.8169 1.06694C14.6997 1.18415 14.5408 1.25 14.375 1.25H0.625C0.45924 1.25 0.300269 1.18415 0.183058 1.06694C0.0658481 0.949732 0 0.79076 0 0.625C0 0.45924 0.0658481 0.300269 0.183058 0.183058C0.300269 0.0658481 0.45924 0 0.625 0H14.375C14.5408 0 14.6997 0.0658481 14.8169 0.183058C14.9342 0.300269 15 0.45924 15 0.625Z" },
-  "plus": { viewBox: "0 0 15 15", d: "M15 7.5C15 7.66576 14.9342 7.82473 14.8169 7.94194C14.6997 8.05915 14.5408 8.125 14.375 8.125H8.125V14.375C8.125 14.5408 8.05915 14.6997 7.94194 14.8169C7.82473 14.9342 7.66576 15 7.5 15C7.33424 15 7.17527 14.9342 7.05806 14.8169C6.94085 14.6997 6.875 14.5408 6.875 14.375V8.125H0.625C0.45924 8.125 0.300269 8.05915 0.183058 7.94194C0.0658481 7.82473 0 7.66576 0 7.5C0 7.33424 0.0658481 7.17527 0.183058 7.05806C0.300269 6.94085 0.45924 6.875 0.625 6.875H6.875V0.625C6.875 0.45924 6.94085 0.300269 7.05806 0.183058C7.17527 0.0658481 7.33424 0 7.5 0C7.66576 0 7.82473 0.0658481 7.94194 0.183058C8.05915 0.300269 8.125 0.45924 8.125 0.625V6.875H14.375C14.5408 6.875 14.6997 6.94085 14.8169 7.05806C14.9342 7.17527 15 7.33424 15 7.5Z" },
-  "arrows-in-simple": { viewBox: "0 0 13.7507 13.7507", d: "M13.5675 1.06753L9.63394 5.00035H11.8753C12.0411 5.00035 12.2001 5.0662 12.3173 5.18341C12.4345 5.30062 12.5003 5.45959 12.5003 5.62535C12.5003 5.79111 12.4345 5.95008 12.3173 6.06729C12.2001 6.1845 12.0411 6.25035 11.8753 6.25035H8.12535C7.95959 6.25035 7.80062 6.1845 7.68341 6.06729C7.5662 5.95008 7.50035 5.79111 7.50035 5.62535V1.87535C7.50035 1.70959 7.5662 1.55062 7.68341 1.43341C7.80062 1.3162 7.95959 1.25035 8.12535 1.25035C8.29111 1.25035 8.45008 1.3162 8.56729 1.43341C8.6845 1.55062 8.75035 1.70959 8.75035 1.87535V4.11675L12.6832 0.18316C12.8004 0.0658846 12.9595 -3.26935e-09 13.1253 0C13.2912 3.26935e-09 13.4503 0.0658846 13.5675 0.18316C13.6848 0.300435 13.7507 0.459495 13.7507 0.625347C13.7507 0.7912 13.6848 0.95026 13.5675 1.06753ZM5.62535 7.50035H1.87535C1.70959 7.50035 1.55062 7.5662 1.43341 7.68341C1.3162 7.80062 1.25035 7.95959 1.25035 8.12535C1.25035 8.29111 1.3162 8.45008 1.43341 8.56729C1.55062 8.6845 1.70959 8.75035 1.87535 8.75035H4.11675L0.18316 12.6832C0.0658846 12.8004 -3.26935e-09 12.9595 0 13.1253C3.26935e-09 13.2912 0.0658846 13.4503 0.18316 13.5675C0.300435 13.6848 0.459495 13.7507 0.625347 13.7507C0.7912 13.7507 0.95026 13.6848 1.06753 13.5675L5.00035 9.63394V11.8753C5.00035 12.0411 5.0662 12.2001 5.18341 12.3173C5.30062 12.4345 5.45959 12.5003 5.62535 12.5003C5.79111 12.5003 5.95008 12.4345 6.06729 12.3173C6.1845 12.2001 6.25035 12.0411 6.25035 11.8753V8.12535C6.25035 7.95959 6.1845 7.80062 6.06729 7.68341C5.95008 7.5662 5.79111 7.50035 5.62535 7.50035Z" },
-  "check": { viewBox: "0 0 15.6257 11.2508", d: "M15.4425 1.06754L5.44254 11.0675C5.38449 11.1256 5.31556 11.1717 5.23969 11.2032C5.16381 11.2347 5.08248 11.2508 5.00035 11.2508C4.91821 11.2508 4.83688 11.2347 4.76101 11.2032C4.68514 11.1717 4.61621 11.1256 4.55816 11.0675L0.18316 6.69254C0.0658846 6.57526 0 6.4162 0 6.25035C0 6.0845 0.0658846 5.92544 0.18316 5.80816C0.300435 5.69088 0.459495 5.625 0.625347 5.625C0.7912 5.625 0.95026 5.69088 1.06753 5.80816L5.00035 9.74175L14.5582 0.18316C14.6754 0.0658843 14.8345 -1.2357e-09 15.0003 0C15.1662 1.2357e-09 15.3253 0.0658843 15.4425 0.18316C15.5598 0.300435 15.6257 0.459495 15.6257 0.625347C15.6257 0.7912 15.5598 0.95026 15.4425 1.06754Z" },
-  "caret-down": { viewBox: "0 0 13.7507 7.50084", d: "M13.5675 1.06754L7.31754 7.31754C7.25949 7.37565 7.19056 7.42175 7.11469 7.4532C7.03881 7.48465 6.95748 7.50084 6.87535 7.50084C6.79321 7.50084 6.71188 7.48465 6.63601 7.4532C6.56014 7.42175 6.49121 7.37565 6.43316 7.31754L0.18316 1.06754C0.0658846 0.95026 0 0.7912 0 0.625347C0 0.459495 0.0658846 0.300435 0.18316 0.18316C0.300435 0.0658843 0.459495 0 0.625347 0C0.7912 0 0.95026 0.0658843 1.06753 0.18316L6.87535 5.99175L12.6832 0.18316C12.7412 0.125091 12.8102 0.0790281 12.886 0.0476015C12.9619 0.0161748 13.0432 0 13.1253 0C13.2075 0 13.2888 0.0161748 13.3647 0.0476015C13.4405 0.0790281 13.5095 0.125091 13.5675 0.18316C13.6256 0.241229 13.6717 0.310167 13.7031 0.386037C13.7345 0.461908 13.7507 0.543226 13.7507 0.625347C13.7507 0.707469 13.7345 0.788787 13.7031 0.864658C13.6717 0.940528 13.6256 1.00947 13.5675 1.06754Z" },
-  "lightbulb": { viewBox: "0 0 13.7501 17.502", d: "M10.6251 16.877C10.6251 17.0428 10.5593 17.2017 10.442 17.3189C10.3248 17.4361 10.1659 17.502 10.0001 17.502H3.7501C3.58434 17.502 3.42537 17.4361 3.30816 17.3189C3.19095 17.2017 3.1251 17.0428 3.1251 16.877C3.1251 16.7112 3.19095 16.5523 3.30816 16.4351C3.42537 16.3178 3.58434 16.252 3.7501 16.252H10.0001C10.1659 16.252 10.3248 16.3178 10.442 16.4351C10.5593 16.5523 10.6251 16.7112 10.6251 16.877ZM13.7501 6.877C13.7528 7.9189 13.5174 8.94766 13.0619 9.88474C12.6065 10.8218 11.9429 11.6425 11.122 12.284C10.9685 12.4017 10.8439 12.5529 10.7578 12.7261C10.6717 12.8993 10.6263 13.0898 10.6251 13.2832V13.752C10.6251 14.0835 10.4934 14.4015 10.259 14.6359C10.0246 14.8703 9.70662 15.002 9.3751 15.002H4.3751C4.04358 15.002 3.72564 14.8703 3.49122 14.6359C3.2568 14.4015 3.1251 14.0835 3.1251 13.752V13.2832C3.12497 13.0921 3.08103 12.9036 2.99666 12.7322C2.91228 12.5607 2.78972 12.4109 2.63838 12.2942C1.81948 11.6564 1.15639 10.8407 0.699304 9.9088C0.24222 8.9769 0.00312013 7.95323 0.000102226 6.91528C-0.0202103 3.19184 2.98916 0.091058 6.70948 0.00199546C7.62616 -0.0200946 8.53799 0.141412 9.39132 0.477009C10.2446 0.812607 11.0222 1.31551 11.6783 1.95613C12.3343 2.59674 12.8556 3.36213 13.2114 4.20722C13.5672 5.05232 13.7504 5.96005 13.7501 6.877ZM12.5001 6.877C12.5003 6.12673 12.3504 5.384 12.0593 4.69253C11.7682 4.00106 11.3416 3.37482 10.8048 2.85068C10.268 2.32653 9.63175 1.91507 8.93353 1.64052C8.2353 1.36596 7.48921 1.23386 6.73917 1.252C3.69229 1.32387 1.2337 3.86059 1.2501 6.90746C1.25296 7.75636 1.44885 8.59349 1.82296 9.35551C2.19706 10.1175 2.73959 10.7845 3.40948 11.3059C3.7106 11.54 3.95418 11.8399 4.12155 12.1826C4.28892 12.5253 4.37565 12.9018 4.3751 13.2832V13.752H9.3751V13.2832C9.37597 12.9007 9.46419 12.5235 9.63302 12.1803C9.80186 11.837 10.0469 11.5369 10.3493 11.3028C11.0213 10.7776 11.5644 10.1059 11.9371 9.33889C12.3099 8.57186 12.5024 7.7298 12.5001 6.877ZM11.2415 6.14731C11.0794 5.24207 10.6439 4.40822 9.99357 3.75801C9.34323 3.1078 8.50928 2.67246 7.60401 2.51059C7.52306 2.49694 7.44022 2.49938 7.36021 2.51775C7.2802 2.53612 7.2046 2.57007 7.13771 2.61766C7.07082 2.66525 7.01396 2.72555 6.97038 2.79511C6.9268 2.86467 6.89734 2.94214 6.8837 3.02309C6.87005 3.10404 6.87248 3.18688 6.89085 3.26689C6.90922 3.34689 6.94317 3.4225 6.99076 3.48939C7.03835 3.55628 7.09865 3.61313 7.16822 3.65672C7.23778 3.7003 7.31525 3.72976 7.3962 3.7434C8.69073 3.96137 9.78917 5.05981 10.0087 6.35668C10.0334 6.50225 10.1089 6.63436 10.2217 6.72959C10.3345 6.82483 10.4775 6.87705 10.6251 6.877C10.6604 6.87678 10.6957 6.87391 10.7306 6.8684C10.8939 6.84051 11.0395 6.74888 11.1354 6.61365C11.2312 6.47843 11.2694 6.31068 11.2415 6.14731Z" },
-  "chats": { viewBox: "0 0 16.25 15.625", d: "M15 3.75H12.5V1.25C12.5 0.918479 12.3683 0.600537 12.1339 0.366116C11.8995 0.131696 11.5815 0 11.25 0H1.25C0.918479 0 0.600537 0.131696 0.366116 0.366116C0.131696 0.600537 0 0.918479 0 1.25V11.25C0.000366963 11.3676 0.0338962 11.4827 0.096736 11.5821C0.159576 11.6814 0.249177 11.7611 0.355245 11.8118C0.461314 11.8626 0.579547 11.8824 0.696363 11.869C0.813178 11.8555 0.923836 11.8094 1.01562 11.7359L3.75 9.53125V11.875C3.75 12.2065 3.8817 12.5245 4.11612 12.7589C4.35054 12.9933 4.66848 13.125 5 13.125H12.3117L15.2344 15.4859C15.345 15.5754 15.4828 15.6244 15.625 15.625C15.7908 15.625 15.9497 15.5592 16.0669 15.4419C16.1842 15.3247 16.25 15.1658 16.25 15V5C16.25 4.66848 16.1183 4.35054 15.8839 4.11612C15.6495 3.8817 15.3315 3.75 15 3.75ZM3.32422 8.26406L1.25 9.94141V1.25H11.25V8.125H3.71719C3.57414 8.12502 3.43544 8.1741 3.32422 8.26406ZM15 13.6914L12.9258 12.0141C12.8152 11.9246 12.6774 11.8756 12.5352 11.875H5V9.375H11.25C11.5815 9.375 11.8995 9.2433 12.1339 9.00888C12.3683 8.77446 12.5 8.45652 12.5 8.125V5H15V13.6914Z" },
-  "file": { viewBox: "0 0 13.75 16.25", d: "M13.5672 4.55781L9.19219 0.182813C9.1341 0.124791 9.06515 0.0787825 8.98928 0.0474149C8.91341 0.0160474 8.8321 -6.43662e-05 8.75 1.93249e-07H1.25C0.918479 1.93249e-07 0.600537 0.131696 0.366116 0.366117C0.131696 0.600537 0 0.91848 0 1.25V15C0 15.3315 0.131696 15.6495 0.366116 15.8839C0.600537 16.1183 0.918479 16.25 1.25 16.25H12.5C12.8315 16.25 13.1495 16.1183 13.3839 15.8839C13.6183 15.6495 13.75 15.3315 13.75 15V5C13.7501 4.9179 13.734 4.83659 13.7026 4.76072C13.6712 4.68485 13.6252 4.6159 13.5672 4.55781ZM9.375 2.13359L11.6164 4.375H9.375V2.13359ZM12.5 15H1.25V1.25H8.125V5C8.125 5.16576 8.19085 5.32473 8.30806 5.44194C8.42527 5.55915 8.58424 5.625 8.75 5.625H12.5V15Z" },
-  "folders": { viewBox: "0 0 16.875 13.75", d: "M15.625 1.875H10.2086L8.04141 0.25C7.82472 0.0883244 7.56176 0.000670577 7.29141 0H3.75C3.41848 0 3.10054 0.131696 2.86612 0.366116C2.6317 0.600537 2.5 0.918479 2.5 1.25V2.5H1.25C0.918479 2.5 0.600537 2.6317 0.366116 2.86612C0.131696 3.10054 0 3.41848 0 3.75V12.5C0 12.8315 0.131696 13.1495 0.366116 13.3839C0.600537 13.6183 0.918479 13.75 1.25 13.75H13.1945C13.5075 13.7496 13.8075 13.6251 14.0288 13.4038C14.2501 13.1825 14.3746 12.8825 14.375 12.5695V11.25H15.6945C16.0075 11.2496 16.3075 11.1251 16.5288 10.9038C16.7501 10.6825 16.8746 10.3825 16.875 10.0695V3.125C16.875 2.79348 16.7433 2.47554 16.5089 2.24112C16.2745 2.0067 15.9565 1.875 15.625 1.875ZM13.125 12.5H1.25V3.75H4.79141L7.125 5.5C7.23318 5.58114 7.36477 5.625 7.5 5.625H13.125V12.5ZM15.625 10H14.375V5.625C14.375 5.29348 14.2433 4.97554 14.0089 4.74112C13.7745 4.5067 13.4565 4.375 13.125 4.375H7.70859L5.54141 2.75C5.32472 2.58832 5.06176 2.50067 4.79141 2.5H3.75V1.25H7.29141L9.625 3C9.73318 3.08114 9.86477 3.125 10 3.125H15.625V10Z" },
-  "sparkle": { viewBox: "0 0 18.1282 18.1282", d: "M14.1891 9.45781L10.1594 7.96875L8.67505 3.93594C8.58715 3.69713 8.42811 3.49104 8.2194 3.34546C8.01068 3.19988 7.76233 3.12182 7.50786 3.12182C7.25339 3.12182 7.00505 3.19988 6.79633 3.34546C6.58762 3.49104 6.42858 3.69713 6.34068 3.93594L4.84693 7.96875L0.814114 9.45312C0.575308 9.54103 0.369212 9.70007 0.223634 9.90878C0.0780551 10.1175 0 10.3658 0 10.6203C0 10.8748 0.0780551 11.1231 0.223634 11.3318C0.369212 11.5406 0.575308 11.6996 0.814114 11.7875L4.84693 13.2812L6.3313 17.3141C6.4192 17.5529 6.57824 17.759 6.78696 17.9045C6.99567 18.0501 7.24402 18.1282 7.49849 18.1282C7.75296 18.1282 8.00131 18.0501 8.21002 17.9045C8.41873 17.759 8.57777 17.5529 8.66568 17.3141L10.1594 13.2812L14.1922 11.7969C14.431 11.709 14.6371 11.5499 14.7827 11.3412C14.9283 11.1325 15.0064 10.8842 15.0064 10.6297C15.0064 10.3752 14.9283 10.1269 14.7827 9.91816C14.6371 9.70944 14.431 9.5504 14.1922 9.4625L14.1891 9.45781ZM9.4563 12.2047C9.37146 12.236 9.29442 12.2853 9.23049 12.3492C9.16655 12.4131 9.11725 12.4902 9.08599 12.575L7.50318 16.8633L5.92349 12.5781C5.89227 12.4924 5.84267 12.4145 5.77815 12.35C5.71364 12.2855 5.63578 12.2359 5.55005 12.2047L1.26489 10.625L5.55005 9.04531C5.63578 9.0141 5.71364 8.96449 5.77815 8.89997C5.84267 8.83546 5.89227 8.75761 5.92349 8.67188L7.50318 4.38672L9.08286 8.67188C9.11413 8.75671 9.16343 8.83375 9.22736 8.89769C9.2913 8.96162 9.36834 9.01092 9.45318 9.04219L13.7415 10.625L9.4563 12.2047ZM10.0032 2.5C10.0032 2.33424 10.069 2.17527 10.1862 2.05806C10.3034 1.94085 10.4624 1.875 10.6282 1.875H11.8782V0.625C11.8782 0.45924 11.944 0.300268 12.0612 0.183058C12.1784 0.065848 12.3374 0 12.5032 0C12.6689 0 12.8279 0.065848 12.9451 0.183058C13.0623 0.300268 13.1282 0.45924 13.1282 0.625V1.875H14.3782C14.5439 1.875 14.7029 1.94085 14.8201 2.05806C14.9373 2.17527 15.0032 2.33424 15.0032 2.5C15.0032 2.66576 14.9373 2.82473 14.8201 2.94194C14.7029 3.05915 14.5439 3.125 14.3782 3.125H13.1282V4.375C13.1282 4.54076 13.0623 4.69973 12.9451 4.81694C12.8279 4.93415 12.6689 5 12.5032 5C12.3374 5 12.1784 4.93415 12.0612 4.81694C11.944 4.69973 11.8782 4.54076 11.8782 4.375V3.125H10.6282C10.4624 3.125 10.3034 3.05915 10.1862 2.94194C10.069 2.82473 10.0032 2.66576 10.0032 2.5ZM18.1282 6.25C18.1282 6.41576 18.0623 6.57473 17.9451 6.69194C17.8279 6.80915 17.6689 6.875 17.5032 6.875H16.8782V7.5C16.8782 7.66576 16.8123 7.82473 16.6951 7.94194C16.5779 8.05915 16.4189 8.125 16.2532 8.125C16.0874 8.125 15.9284 8.05915 15.8112 7.94194C15.694 7.82473 15.6282 7.66576 15.6282 7.5V6.875H15.0032C14.8374 6.875 14.6784 6.80915 14.5612 6.69194C14.444 6.57473 14.3782 6.41576 14.3782 6.25C14.3782 6.08424 14.444 5.92527 14.5612 5.80806C14.6784 5.69085 14.8374 5.625 15.0032 5.625H15.6282V5C15.6282 4.83424 15.694 4.67527 15.8112 4.55806C15.9284 4.44085 16.0874 4.375 16.2532 4.375C16.4189 4.375 16.5779 4.44085 16.6951 4.55806C16.8123 4.67527 16.8782 4.83424 16.8782 5V5.625H17.5032C17.6689 5.625 17.8279 5.69085 17.9451 5.80806C18.0623 5.92527 18.1282 6.08424 18.1282 6.25Z" },
-  "microphone-stage": { viewBox: "0 0 16.8751 16.8751", d: "M11.2501 0C9.75868 0.00144786 8.32878 0.594545 7.2742 1.64912C6.21963 2.7037 5.62653 4.1336 5.62508 5.625C5.62565 5.87111 5.64209 6.11694 5.6743 6.36094L0.243831 13.7672C0.0660853 14.0076 -0.0191805 14.3039 0.00362903 14.602C0.0264385 14.9001 0.155799 15.1801 0.36805 15.3906L1.48446 16.507C1.69501 16.7193 1.97494 16.8486 2.27304 16.8715C2.57114 16.8943 2.8675 16.809 3.10789 16.6312L10.5149 11.1992C10.7586 11.2319 11.0042 11.2489 11.2501 11.25C12.7419 11.25 14.1727 10.6574 15.2276 9.60247C16.2824 8.54758 16.8751 7.11684 16.8751 5.625C16.8751 4.13316 16.2824 2.70242 15.2276 1.64752C14.1727 0.592632 12.7419 0 11.2501 0ZM15.6251 5.625C15.6262 6.56938 15.3202 7.48852 14.7532 8.24375L8.63211 2.12187C9.28234 1.63624 10.0548 1.34104 10.8632 1.26928C11.6716 1.19751 12.484 1.35201 13.2096 1.7155C13.9352 2.079 14.5454 2.63715 14.972 3.32757C15.3986 4.01798 15.6247 4.81344 15.6251 5.625ZM2.36883 15.625L1.25008 14.5062L6.10477 7.89062C6.67363 9.1749 7.70018 10.2014 8.98446 10.7703L2.36883 15.625ZM6.87508 5.625C6.87384 4.68084 7.17987 3.76192 7.74696 3.00703L13.8673 9.12734C13.2171 9.61271 12.4448 9.90772 11.6366 9.97939C10.8284 10.0511 10.0162 9.89659 9.29072 9.53322C8.56528 9.16985 7.95517 8.6119 7.52858 7.92173C7.10199 7.23156 6.87573 6.43636 6.87508 5.625ZM6.69149 10.1828C6.80861 10.3 6.8744 10.4589 6.8744 10.6246C6.8744 10.7903 6.80861 10.9492 6.69149 11.0664L6.06649 11.6914C6.00903 11.7519 5.94004 11.8003 5.8636 11.8336C5.78715 11.867 5.70479 11.8848 5.62138 11.8859C5.53796 11.8869 5.45518 11.8713 5.3779 11.8399C5.30062 11.8084 5.23042 11.7619 5.17143 11.7029C5.11245 11.6439 5.06586 11.5737 5.03443 11.4964C5.003 11.4191 4.98736 11.3363 4.98843 11.2529C4.98949 11.1695 5.00725 11.0871 5.04065 11.0107C5.07405 10.9343 5.12241 10.8653 5.18289 10.8078L5.80789 10.1828C5.8659 10.1245 5.93484 10.0783 6.01076 10.0467C6.08668 10.0151 6.16808 9.9988 6.25031 9.99872C6.33254 9.99865 6.41397 10.0148 6.48995 10.0463C6.56592 10.0777 6.63494 10.1239 6.69305 10.182L6.69149 10.1828Z" },
-  "battery-low": { viewBox: "0 0 19.375 11.25", d: "M15 0H1.875C1.37772 0 0.900805 0.197544 0.549175 0.549175C0.197544 0.900806 0 1.37772 0 1.875V9.375C0 9.87228 0.197544 10.3492 0.549175 10.7008C0.900805 11.0525 1.37772 11.25 1.875 11.25H15C15.4973 11.25 15.9742 11.0525 16.3258 10.7008C16.6775 10.3492 16.875 9.87228 16.875 9.375V1.875C16.875 1.37772 16.6775 0.900806 16.3258 0.549175C15.9742 0.197544 15.4973 0 15 0ZM15.625 9.375C15.625 9.54076 15.5592 9.69973 15.4419 9.81694C15.3247 9.93415 15.1658 10 15 10H1.875C1.70924 10 1.55027 9.93415 1.43306 9.81694C1.31585 9.69973 1.25 9.54076 1.25 9.375V1.875C1.25 1.70924 1.31585 1.55027 1.43306 1.43306C1.55027 1.31585 1.70924 1.25 1.875 1.25H15C15.1658 1.25 15.3247 1.31585 15.4419 1.43306C15.5592 1.55027 15.625 1.70924 15.625 1.875V9.375ZM4.375 3.125V8.125C4.375 8.29076 4.30915 8.44973 4.19194 8.56694C4.07473 8.68415 3.91576 8.75 3.75 8.75C3.58424 8.75 3.42527 8.68415 3.30806 8.56694C3.19085 8.44973 3.125 8.29076 3.125 8.125V3.125C3.125 2.95924 3.19085 2.80027 3.30806 2.68306C3.42527 2.56585 3.58424 2.5 3.75 2.5C3.91576 2.5 4.07473 2.56585 4.19194 2.68306C4.30915 2.80027 4.375 2.95924 4.375 3.125ZM19.375 3.125V8.125C19.375 8.29076 19.3092 8.44973 19.1919 8.56694C19.0747 8.68415 18.9158 8.75 18.75 8.75C18.5842 8.75 18.4253 8.68415 18.3081 8.56694C18.1908 8.44973 18.125 8.29076 18.125 8.125V3.125C18.125 2.95924 18.1908 2.80027 18.3081 2.68306C18.4253 2.56585 18.5842 2.5 18.75 2.5C18.9158 2.5 19.0747 2.56585 19.1919 2.68306C19.3092 2.80027 19.375 2.95924 19.375 3.125Z" },
-  "microphone": { viewBox: "0 0 12.5 18.125", d: "M6.25 12.5C7.24424 12.499 8.19747 12.1035 8.90051 11.4005C9.60355 10.6975 9.99897 9.74424 10 8.75V3.75C10 2.75544 9.60491 1.80161 8.90165 1.09835C8.19839 0.395088 7.24456 0 6.25 0C5.25544 0 4.30161 0.395088 3.59835 1.09835C2.89509 1.80161 2.5 2.75544 2.5 3.75V8.75C2.50103 9.74424 2.89645 10.6975 3.59949 11.4005C4.30253 12.1035 5.25576 12.499 6.25 12.5ZM3.75 3.75C3.75 3.08696 4.01339 2.45107 4.48223 1.98223C4.95107 1.51339 5.58696 1.25 6.25 1.25C6.91304 1.25 7.54893 1.51339 8.01777 1.98223C8.48661 2.45107 8.75 3.08696 8.75 3.75V8.75C8.75 9.41304 8.48661 10.0489 8.01777 10.5178C7.54893 10.9866 6.91304 11.25 6.25 11.25C5.58696 11.25 4.95107 10.9866 4.48223 10.5178C4.01339 10.0489 3.75 9.41304 3.75 8.75V3.75ZM6.875 14.9688V17.5C6.875 17.6658 6.80915 17.8247 6.69194 17.9419C6.57473 18.0592 6.41576 18.125 6.25 18.125C6.08424 18.125 5.92527 18.0592 5.80806 17.9419C5.69085 17.8247 5.625 17.6658 5.625 17.5V14.9688C4.08409 14.812 2.65607 14.0893 1.61707 12.9407C0.578064 11.792 0.00190321 10.2989 0 8.75C0 8.58424 0.0658481 8.42527 0.183058 8.30806C0.300269 8.19085 0.45924 8.125 0.625 8.125C0.79076 8.125 0.949731 8.19085 1.06694 8.30806C1.18415 8.42527 1.25 8.58424 1.25 8.75C1.25 10.0761 1.77678 11.3479 2.71447 12.2855C3.65215 13.2232 4.92392 13.75 6.25 13.75C7.57608 13.75 8.84785 13.2232 9.78553 12.2855C10.7232 11.3479 11.25 10.0761 11.25 8.75C11.25 8.58424 11.3158 8.42527 11.4331 8.30806C11.5503 8.19085 11.7092 8.125 11.875 8.125C12.0408 8.125 12.1997 8.19085 12.3169 8.30806C12.4342 8.42527 12.5 8.58424 12.5 8.75C12.4981 10.2989 11.9219 11.792 10.8829 12.9407C9.84393 14.0893 8.41591 14.812 6.875 14.9688Z" },
-  "microphone-slash": { viewBox: "0 0 13.75 18.1208", d: "M13.5825 15.8255L1.08246 2.07553C0.970401 1.95516 0.81541 1.8838 0.651091 1.87693C0.486772 1.87007 0.326369 1.92825 0.204658 2.03886C0.082947 2.14947 0.00973829 2.30359 0.000903313 2.46781C-0.00793166 2.63204 0.0483195 2.79313 0.157461 2.91616L3.11996 6.17475V8.74584C3.11981 9.3825 3.28176 10.0087 3.59054 10.5655C3.89932 11.1222 4.34476 11.5912 4.88491 11.9282C5.42505 12.2653 6.0421 12.4592 6.67792 12.4918C7.31374 12.5244 7.9474 12.3946 8.51918 12.1146L9.38637 13.0677C8.62312 13.5143 7.75425 13.7484 6.86996 13.7458C5.54432 13.7444 4.27339 13.2171 3.33603 12.2798C2.39866 11.3424 1.87141 10.0715 1.86996 8.74584C1.86996 8.58008 1.80411 8.42111 1.6869 8.3039C1.56969 8.18669 1.41072 8.12084 1.24496 8.12084C1.0792 8.12084 0.92023 8.18669 0.803019 8.3039C0.685809 8.42111 0.619961 8.58008 0.619961 8.74584C0.621864 10.2947 1.19802 11.7878 2.23703 12.9365C3.27603 14.0852 4.70406 14.8078 6.24496 14.9646V17.4958C6.24496 17.6616 6.31081 17.8206 6.42802 17.9378C6.54523 18.055 6.7042 18.1208 6.86996 18.1208C7.03572 18.1208 7.19469 18.055 7.3119 17.9378C7.42911 17.8206 7.49496 17.6616 7.49496 17.4958V14.9638C8.47367 14.8694 9.41555 14.5421 10.2418 14.0091L12.6575 16.6654C12.7123 16.7272 12.779 16.7776 12.8535 16.8135C12.928 16.8495 13.0088 16.8703 13.0914 16.8747C13.174 16.8791 13.2567 16.8672 13.3346 16.8394C13.4125 16.8117 13.4841 16.7688 13.5453 16.7131C13.6066 16.6575 13.6561 16.5903 13.6911 16.5154C13.7262 16.4405 13.746 16.3593 13.7495 16.2767C13.7529 16.1941 13.7399 16.1116 13.7113 16.034C13.6826 15.9564 13.6388 15.8853 13.5825 15.8248V15.8255ZM6.86996 11.2458C6.20692 11.2458 5.57103 10.9825 5.10219 10.5136C4.63335 10.0448 4.36996 9.40889 4.36996 8.74584V7.54975L7.62465 11.1294C7.38053 11.2067 7.126 11.2459 6.86996 11.2458ZM11.3637 10.9404C11.6989 10.2575 11.8722 9.50655 11.87 8.74584C11.87 8.58008 11.9358 8.42111 12.053 8.3039C12.1702 8.18669 12.3292 8.12084 12.495 8.12084C12.6607 8.12084 12.8197 8.18669 12.9369 8.3039C13.0541 8.42111 13.12 8.58008 13.12 8.74584C13.1226 9.69698 12.9057 10.6359 12.4864 11.4896C12.435 11.5948 12.3551 11.6835 12.2558 11.7455C12.1565 11.8075 12.0417 11.8404 11.9246 11.8404C11.8295 11.8405 11.7357 11.8186 11.6504 11.7763C11.5016 11.7035 11.3877 11.5745 11.334 11.4177C11.2802 11.261 11.2909 11.0893 11.3637 10.9404ZM3.43246 2.25131C3.77668 1.4618 4.38218 0.814831 5.1472 0.419151C5.91222 0.023471 6.79013 -0.0968052 7.63339 0.0785367C8.47664 0.253879 9.23384 0.71415 9.77772 1.382C10.3216 2.04984 10.619 2.88455 10.62 3.74584V8.74584C10.6198 8.87631 10.613 9.00669 10.5996 9.13647C10.5836 9.29075 10.5107 9.43353 10.3952 9.53706C10.2796 9.64059 10.1298 9.69746 9.97465 9.69663C9.95279 9.69776 9.93088 9.69776 9.90902 9.69663C9.74421 9.6793 9.59302 9.59722 9.48871 9.46844C9.38439 9.33967 9.3355 9.17473 9.35277 9.00991C9.36137 8.92397 9.36605 8.83491 9.36605 8.74741V3.74584C9.36441 3.17242 9.16568 2.61699 8.80319 2.17267C8.44071 1.72835 7.93649 1.42215 7.37507 1.3054C6.81366 1.18864 6.22917 1.26844 5.7196 1.53141C5.21002 1.79437 4.80633 2.22452 4.57621 2.74975C4.547 2.8299 4.50168 2.90323 4.44306 2.9652C4.38444 3.02718 4.31375 3.0765 4.23535 3.11013C4.15695 3.14375 4.07249 3.16097 3.98718 3.16072C3.90187 3.16048 3.81751 3.14277 3.73931 3.10868C3.6611 3.0746 3.5907 3.02487 3.53244 2.96255C3.47418 2.90024 3.4293 2.82665 3.40055 2.74633C3.3718 2.66601 3.3598 2.58065 3.36529 2.49552C3.37078 2.41039 3.39364 2.32728 3.43246 2.25131Z" },
-  "play": { viewBox: "0 0 13.7486 16.2504", d: "M13.1562 7.06992L1.9 0.183984C1.71022 0.0677751 1.49287 0.00433455 1.27037 0.000214333C1.04788 -0.00390588 0.828324 0.0514435 0.634375 0.160546C0.442273 0.267954 0.282247 0.424592 0.170753 0.614352C0.0592589 0.804111 0.000320983 1.02014 0 1.24023V15.0105C0.00144747 15.3407 0.133933 15.6567 0.368331 15.8892C0.60273 16.1217 0.919857 16.2516 1.25 16.2504C1.48043 16.2503 1.70639 16.1868 1.90313 16.0668L13.1562 9.18086C13.3371 9.07061 13.4866 8.91569 13.5904 8.73099C13.6941 8.54628 13.7486 8.33801 13.7486 8.12617C13.7486 7.91433 13.6941 7.70606 13.5904 7.52136C13.4866 7.33665 13.3371 7.18173 13.1562 7.07148V7.06992ZM1.25 14.9957V1.25039L12.4867 8.12539L1.25 14.9957Z" },
-  "x": { viewBox: "0 0 12.5007 12.5007", d: "M12.3175 11.4332C12.3756 11.4912 12.4217 11.5602 12.4531 11.636C12.4845 11.7119 12.5007 11.7932 12.5007 11.8753C12.5007 11.9575 12.4845 12.0388 12.4531 12.1147C12.4217 12.1905 12.3756 12.2595 12.3175 12.3175C12.2595 12.3756 12.1905 12.4217 12.1147 12.4531C12.0388 12.4845 11.9575 12.5007 11.8753 12.5007C11.7932 12.5007 11.7119 12.4845 11.636 12.4531C11.5602 12.4217 11.4912 12.3756 11.4332 12.3175L6.25035 7.13394L1.06753 12.3175C0.95026 12.4348 0.7912 12.5007 0.625347 12.5007C0.459495 12.5007 0.300435 12.4348 0.18316 12.3175C0.0658846 12.2003 3.26935e-09 12.0412 0 11.8753C-3.26935e-09 11.7095 0.0658846 11.5504 0.18316 11.4332L5.36675 6.25035L0.18316 1.06753C0.0658846 0.95026 0 0.7912 0 0.625347C0 0.459495 0.0658846 0.300435 0.18316 0.18316C0.300435 0.0658846 0.459495 0 0.625347 0C0.7912 0 0.95026 0.0658846 1.06753 0.18316L6.25035 5.36675L11.4332 0.18316C11.5504 0.0658846 11.7095 -3.26935e-09 11.8753 0C12.0412 3.26935e-09 12.2003 0.0658846 12.3175 0.18316C12.4348 0.300435 12.5007 0.459495 12.5007 0.625347C12.5007 0.7912 12.4348 0.95026 12.3175 1.06753L7.13394 6.25035L12.3175 11.4332Z" },
-  "Mail": { viewBox: "0 0 16.25 12.5", d: "M15.625 0H0.625C0.45924 0 0.300268 0.0658481 0.183058 0.183058C0.065848 0.300269 0 0.45924 0 0.625V11.25C0 11.5815 0.131696 11.8995 0.366116 12.1339C0.600537 12.3683 0.918479 12.5 1.25 12.5H15C15.3315 12.5 15.6495 12.3683 15.8839 12.1339C16.1183 11.8995 16.25 11.5815 16.25 11.25V0.625C16.25 0.45924 16.1842 0.300269 16.0669 0.183058C15.9497 0.0658481 15.7908 0 15.625 0ZM8.125 6.65234L2.23203 1.25H14.018L8.125 6.65234ZM5.83672 6.25L1.25 10.4539V2.04609L5.83672 6.25ZM6.76172 7.09766L7.69922 7.96094C7.81453 8.06679 7.96535 8.12552 8.12187 8.12552C8.2784 8.12552 8.42922 8.06679 8.54453 7.96094L9.48203 7.09766L14.0133 11.25H2.23203L6.76172 7.09766ZM10.4133 6.25L15 2.04531V10.4547L10.4133 6.25Z" },
-  "pause": { viewBox: "0 0 13.75 15", d: "M12.5 0H9.375C9.04348 0 8.72554 0.131696 8.49112 0.366116C8.2567 0.600537 8.125 0.918479 8.125 1.25V13.75C8.125 14.0815 8.2567 14.3995 8.49112 14.6339C8.72554 14.8683 9.04348 15 9.375 15H12.5C12.8315 15 13.1495 14.8683 13.3839 14.6339C13.6183 14.3995 13.75 14.0815 13.75 13.75V1.25C13.75 0.918479 13.6183 0.600537 13.3839 0.366116C13.1495 0.131696 12.8315 0 12.5 0ZM12.5 13.75H9.375V1.25H12.5V13.75ZM4.375 0H1.25C0.918479 0 0.600537 0.131696 0.366116 0.366116C0.131696 0.600537 0 0.918479 0 1.25V13.75C0 14.0815 0.131696 14.3995 0.366116 14.6339C0.600537 14.8683 0.918479 15 1.25 15H4.375C4.70652 15 5.02446 14.8683 5.25888 14.6339C5.4933 14.3995 5.625 14.0815 5.625 13.75V1.25C5.625 0.918479 5.4933 0.600537 5.25888 0.366116C5.02446 0.131696 4.70652 0 4.375 0ZM4.375 13.75H1.25V1.25H4.375V13.75Z" },
-  "broadcast": { viewBox: "0 0 18.7551 13.5211", d: "M9.38008 3.63557C8.76201 3.63557 8.15782 3.81885 7.64392 4.16223C7.13002 4.50561 6.72948 4.99366 6.49295 5.56468C6.25643 6.1357 6.19454 6.76404 6.31512 7.37023C6.4357 7.97642 6.73333 8.53324 7.17037 8.97028C7.60741 9.40732 8.16423 9.70494 8.77042 9.82552C9.37661 9.9461 10.0049 9.88422 10.576 9.64769C11.147 9.41117 11.635 9.01063 11.9784 8.49672C12.3218 7.98282 12.5051 7.37863 12.5051 6.76057C12.5051 5.93177 12.1758 5.13691 11.5898 4.55086C11.0037 3.96481 10.2089 3.63557 9.38008 3.63557ZM9.38008 8.63557C9.00924 8.63557 8.64673 8.5256 8.33838 8.31957C8.03004 8.11355 7.78972 7.82071 7.6478 7.4781C7.50589 7.13549 7.46876 6.75849 7.5411 6.39477C7.61345 6.03106 7.79203 5.69697 8.05425 5.43474C8.31648 5.17252 8.65057 4.99394 9.01428 4.9216C9.378 4.84925 9.755 4.88638 10.0976 5.02829C10.4402 5.17021 10.7331 5.41053 10.9391 5.71887C11.1451 6.02722 11.2551 6.38973 11.2551 6.76057C11.2551 7.25785 11.0575 7.73476 10.7059 8.08639C10.3543 8.43802 9.87736 8.63557 9.38008 8.63557ZM15.1387 9.19338C14.8702 9.82821 14.4985 10.4142 14.0387 10.9278C13.9273 11.0482 13.7731 11.1201 13.6092 11.1279C13.4454 11.1356 13.285 11.0786 13.1628 10.9692C13.0406 10.8598 12.9663 10.7068 12.9559 10.543C12.9456 10.3793 13 10.2181 13.1074 10.0942C13.9281 9.17787 14.3819 7.99103 14.3819 6.76096C14.3819 5.53089 13.9281 4.34405 13.1074 3.42776C13.0511 3.36686 13.0076 3.29539 12.9792 3.21748C12.9508 3.13958 12.9382 3.05681 12.9421 2.97399C12.946 2.89117 12.9664 2.80996 13.002 2.73508C13.0376 2.66021 13.0878 2.59317 13.1496 2.53787C13.2113 2.48257 13.2835 2.44012 13.3619 2.41298C13.4402 2.38584 13.5232 2.37457 13.6059 2.3798C13.6887 2.38504 13.7695 2.40669 13.8438 2.4435C13.9181 2.4803 13.9844 2.53151 14.0387 2.59416C14.8278 3.47724 15.3502 4.56618 15.5449 5.73438C15.7396 6.90259 15.5987 8.10207 15.1387 9.19338ZM4.7707 4.81447C4.40194 5.68742 4.28884 6.64719 4.44458 7.58194C4.60033 8.51669 5.01851 9.38794 5.65039 10.0942C5.75784 10.2181 5.81225 10.3793 5.80189 10.543C5.79152 10.7068 5.71721 10.8598 5.59499 10.9692C5.47276 11.0786 5.31242 11.1356 5.14857 11.1279C4.98471 11.1201 4.83048 11.0482 4.71914 10.9278C3.69304 9.78241 3.12563 8.29872 3.12563 6.76096C3.12563 5.2232 3.69304 3.73951 4.71914 2.59416C4.82968 2.47036 4.98488 2.39554 5.15058 2.38616C5.31629 2.37679 5.47893 2.43362 5.60273 2.54416C5.72654 2.6547 5.80135 2.8099 5.81073 2.9756C5.82011 3.14131 5.76327 3.30395 5.65273 3.42776C5.28398 3.83798 4.98592 4.30659 4.7707 4.81447ZM18.7551 6.76057C18.7589 9.21505 17.7966 11.5724 16.0762 13.3231C16.0193 13.3839 15.9507 13.4328 15.8747 13.4668C15.7986 13.5008 15.7165 13.5192 15.6332 13.521C15.5499 13.5228 15.4671 13.5079 15.3896 13.4772C15.3121 13.4466 15.2416 13.4007 15.1821 13.3424C15.1226 13.284 15.0754 13.2144 15.0432 13.1375C15.011 13.0607 14.9945 12.9781 14.9947 12.8948C14.9949 12.8115 15.0117 12.729 15.0442 12.6523C15.0767 12.5756 15.1242 12.5062 15.184 12.4481C16.6736 10.9304 17.5082 8.88872 17.5082 6.76213C17.5082 4.63554 16.6736 2.59388 15.184 1.07619C15.0675 0.957882 15.0029 0.798158 15.0042 0.632159C15.0055 0.46616 15.0727 0.307484 15.191 0.191037C15.3093 0.0745904 15.4691 0.00991204 15.635 0.0112307C15.801 0.0125493 15.9597 0.0797568 16.0762 0.198068C17.7966 1.94872 18.7589 4.30609 18.7551 6.76057ZM3.57617 12.4465C3.63373 12.5051 3.67918 12.5744 3.70994 12.6506C3.74069 12.7267 3.75615 12.8082 3.75542 12.8903C3.7547 12.9724 3.73781 13.0536 3.70571 13.1292C3.67361 13.2048 3.62694 13.2733 3.56836 13.3309C3.50978 13.3884 3.44043 13.4339 3.36428 13.4646C3.28814 13.4954 3.20668 13.5109 3.12455 13.5101C3.04243 13.5094 2.96126 13.4925 2.88566 13.4604C2.81007 13.4283 2.74154 13.3817 2.68398 13.3231C0.963815 11.5719 0 9.21529 0 6.76057C0 4.30585 0.963815 1.94926 2.68398 0.198068C2.7409 0.137215 2.80941 0.0883576 2.88548 0.0543677C2.96156 0.0203779 3.04366 0.0019424 3.12696 0.000145384C3.21027 -0.00165163 3.29309 0.013226 3.37056 0.0439035C3.44802 0.0745811 3.51858 0.120439 3.57806 0.178781C3.63755 0.237123 3.68477 0.30677 3.71695 0.383628C3.74913 0.460486 3.76562 0.543002 3.76544 0.626323C3.76526 0.709645 3.74843 0.792091 3.71593 0.868811C3.68342 0.945532 3.63591 1.01498 3.57617 1.07307C2.08653 2.59075 1.25198 4.63242 1.25198 6.75901C1.25198 8.8856 2.08653 10.9273 3.57617 12.4449V12.4465Z" },
-  "sidebar-simple": { viewBox: "0 0 16.25 13.75", d: "M15 0H1.25C0.918479 0 0.600537 0.131696 0.366116 0.366116C0.131696 0.600537 0 0.918479 0 1.25V12.5C0 12.8315 0.131696 13.1495 0.366116 13.3839C0.600537 13.6183 0.918479 13.75 1.25 13.75H15C15.3315 13.75 15.6495 13.6183 15.8839 13.3839C16.1183 13.1495 16.25 12.8315 16.25 12.5V1.25C16.25 0.918479 16.1183 0.600537 15.8839 0.366116C15.6495 0.131696 15.3315 0 15 0ZM1.25 1.25H4.375V12.5H1.25V1.25ZM15 12.5H5.625V1.25H15V12.5Z" },
-  "pencil-simple-line": { viewBox: "0 0 15.6256 15.6248", d: "M15.2594 3.85684L11.768 0.366217C11.6519 0.250114 11.5141 0.158014 11.3624 0.0951779C11.2107 0.0323417 11.0482 0 10.884 0C10.7198 0 10.5572 0.0323417 10.4056 0.0951779C10.2539 0.158014 10.1161 0.250114 10 0.366217L0.366412 9.99981C0.249834 10.1155 0.157407 10.2531 0.0945056 10.4048C0.0316038 10.5565 -0.000518312 10.7192 6.32418e-06 10.8834V14.3748C6.32418e-06 14.7063 0.131702 15.0243 0.366123 15.2587C0.600543 15.4931 0.918486 15.6248 1.25001 15.6248H14.375C14.5408 15.6248 14.6997 15.559 14.8169 15.4418C14.9342 15.3245 15 15.1656 15 14.9998C15 14.8341 14.9342 14.6751 14.8169 14.5579C14.6997 14.4407 14.5408 14.3748 14.375 14.3748H6.50938L15.2594 5.62481C15.3755 5.50873 15.4676 5.37092 15.5304 5.21925C15.5933 5.06757 15.6256 4.905 15.6256 4.74083C15.6256 4.57665 15.5933 4.41408 15.5304 4.26241C15.4676 4.11073 15.3755 3.97292 15.2594 3.85684ZM4.74141 14.3748H1.25001V10.8834L8.12501 4.0084L11.6164 7.49981L4.74141 14.3748ZM12.5 6.61622L9.00938 3.12481L10.8844 1.24981L14.375 4.74122L12.5 6.61622Z" },
-  "search": { viewBox: "0 0 16.2676 16.2676", d: "M16.0845 15.2001L12.1727 11.2891C13.3065 9.92798 13.8719 8.1821 13.7512 6.41472C13.6305 4.64733 12.8331 2.9945 11.5249 1.80006C10.2166 0.605618 8.49824 -0.038471 6.72719 0.00177892C4.95615 0.0420288 3.2688 0.763519 2.01616 2.01616C0.763519 3.2688 0.0420288 4.95615 0.00177892 6.72719C-0.038471 8.49824 0.605618 10.2166 1.80006 11.5249C2.9945 12.8331 4.64733 13.6305 6.41472 13.7512C8.1821 13.8719 9.92798 13.3065 11.2891 12.1727L15.2001 16.0845C15.2581 16.1425 15.3271 16.1886 15.403 16.22C15.4788 16.2514 15.5601 16.2676 15.6423 16.2676C15.7244 16.2676 15.8057 16.2514 15.8816 16.22C15.9574 16.1886 16.0264 16.1425 16.0845 16.0845C16.1425 16.0264 16.1886 15.9574 16.22 15.8816C16.2514 15.8057 16.2676 15.7244 16.2676 15.6423C16.2676 15.5601 16.2514 15.4788 16.22 15.403C16.1886 15.3271 16.1425 15.2581 16.0845 15.2001ZM1.26727 6.89227C1.26727 5.77975 1.59717 4.69221 2.21525 3.76719C2.83333 2.84216 3.71184 2.12119 4.73967 1.69545C5.76751 1.2697 6.89851 1.15831 7.98965 1.37535C9.08079 1.59239 10.0831 2.12812 10.8697 2.91479C11.6564 3.70146 12.1921 4.70374 12.4092 5.79489C12.6262 6.88603 12.5148 8.01703 12.0891 9.04486C11.6633 10.0727 10.9424 10.9512 10.0174 11.5693C9.09232 12.1874 8.00479 12.5173 6.89227 12.5173C5.40093 12.5156 3.97115 11.9225 2.91662 10.8679C1.86209 9.81338 1.26892 8.3836 1.26727 6.89227Z" },
-  "list-dashes": { viewBox: "0 0 15 11.25", d: "M4.375 0.625C4.375 0.45924 4.44085 0.300269 4.55806 0.183058C4.67527 0.0658481 4.83424 0 5 0H14.375C14.5408 0 14.6997 0.0658481 14.8169 0.183058C14.9342 0.300269 15 0.45924 15 0.625C15 0.79076 14.9342 0.949731 14.8169 1.06694C14.6997 1.18415 14.5408 1.25 14.375 1.25H5C4.83424 1.25 4.67527 1.18415 4.55806 1.06694C4.44085 0.949731 4.375 0.79076 4.375 0.625ZM14.375 5H5C4.83424 5 4.67527 5.06585 4.55806 5.18306C4.44085 5.30027 4.375 5.45924 4.375 5.625C4.375 5.79076 4.44085 5.94973 4.55806 6.06694C4.67527 6.18415 4.83424 6.25 5 6.25H14.375C14.5408 6.25 14.6997 6.18415 14.8169 6.06694C14.9342 5.94973 15 5.79076 15 5.625C15 5.45924 14.9342 5.30027 14.8169 5.18306C14.6997 5.06585 14.5408 5 14.375 5ZM14.375 10H5C4.83424 10 4.67527 10.0658 4.55806 10.1831C4.44085 10.3003 4.375 10.4592 4.375 10.625C4.375 10.7908 4.44085 10.9497 4.55806 11.0669C4.67527 11.1842 4.83424 11.25 5 11.25H14.375C14.5408 11.25 14.6997 11.1842 14.8169 11.0669C14.9342 10.9497 15 10.7908 15 10.625C15 10.4592 14.9342 10.3003 14.8169 10.1831C14.6997 10.0658 14.5408 10 14.375 10ZM1.875 0H0.625C0.45924 0 0.300269 0.0658481 0.183058 0.183058C0.0658481 0.300269 0 0.45924 0 0.625C0 0.79076 0.0658481 0.949731 0.183058 1.06694C0.300269 1.18415 0.45924 1.25 0.625 1.25H1.875C2.04076 1.25 2.19973 1.18415 2.31694 1.06694C2.43415 0.949731 2.5 0.79076 2.5 0.625C2.5 0.45924 2.43415 0.300269 2.31694 0.183058C2.19973 0.0658481 2.04076 0 1.875 0ZM1.875 5H0.625C0.45924 5 0.300269 5.06585 0.183058 5.18306C0.0658481 5.30027 0 5.45924 0 5.625C0 5.79076 0.0658481 5.94973 0.183058 6.06694C0.300269 6.18415 0.45924 6.25 0.625 6.25H1.875C2.04076 6.25 2.19973 6.18415 2.31694 6.06694C2.43415 5.94973 2.5 5.79076 2.5 5.625C2.5 5.45924 2.43415 5.30027 2.31694 5.18306C2.19973 5.06585 2.04076 5 1.875 5ZM1.875 10H0.625C0.45924 10 0.300269 10.0658 0.183058 10.1831C0.0658481 10.3003 0 10.4592 0 10.625C0 10.7908 0.0658481 10.9497 0.183058 11.0669C0.300269 11.1842 0.45924 11.25 0.625 11.25H1.875C2.04076 11.25 2.19973 11.1842 2.31694 11.0669C2.43415 10.9497 2.5 10.7908 2.5 10.625C2.5 10.4592 2.43415 10.3003 2.31694 10.1831C2.19973 10.0658 2.04076 10 1.875 10Z" },
-  "brain": { viewBox: "0 0 18.7506 15.6183", d: "M18.7506 7.80914C18.7498 6.98128 18.5145 6.17057 18.0721 5.47084C17.6297 4.77111 16.9981 4.21096 16.2506 3.85524V3.74664C16.2499 2.94135 15.9899 2.15767 15.5092 1.51158C15.0285 0.86548 14.3526 0.391288 13.5815 0.159164C12.8104 -0.0729602 11.985 -0.0506851 11.2276 0.222693C10.4701 0.496072 9.82073 1.00603 9.37559 1.67711C8.93044 1.00603 8.28109 0.496072 7.52361 0.222693C6.76614 -0.0506851 5.94078 -0.0729602 5.16966 0.159164C4.39854 0.391288 3.72263 0.86548 3.24194 1.51158C2.76125 2.15767 2.50131 2.94135 2.50059 3.74664V3.85524C1.75241 4.20999 1.12027 4.76978 0.677624 5.46955C0.234977 6.16932 0 6.98034 0 7.80836C0 8.63638 0.234977 9.4474 0.677624 10.1472C1.12027 10.8469 1.75241 11.4067 2.50059 11.7615V11.8716C2.50131 12.6769 2.76125 13.4606 3.24194 14.1067C3.72263 14.7528 4.39854 15.227 5.16966 15.4591C5.94078 15.6912 6.76614 15.669 7.52361 15.3956C8.28109 15.1222 8.93044 14.6123 9.37559 13.9412C9.82073 14.6123 10.4701 15.1222 11.2276 15.3956C11.985 15.669 12.8104 15.6912 13.5815 15.4591C14.3526 15.227 15.0285 14.7528 15.5092 14.1067C15.9899 13.4606 16.2499 12.6769 16.2506 11.8716V11.7615C16.998 11.406 17.6295 10.8462 18.0719 10.1467C18.5144 9.44724 18.7497 8.63679 18.7506 7.80914ZM6.25059 14.3716C5.63414 14.3716 5.03946 14.1437 4.58076 13.7319C4.12207 13.3201 3.8317 12.7533 3.76543 12.1404C3.96754 12.1692 4.17143 12.1838 4.37559 12.1841H5.00059C5.16635 12.1841 5.32532 12.1183 5.44253 12.0011C5.55974 11.8839 5.62559 11.7249 5.62559 11.5591C5.62559 11.3934 5.55974 11.2344 5.44253 11.1172C5.32532 11 5.16635 10.9341 5.00059 10.9341H4.37559C3.63774 10.935 2.92339 10.6748 2.35901 10.1995C1.79462 9.72422 1.41661 9.06457 1.2919 8.33734C1.16718 7.61012 1.30381 6.86221 1.6776 6.22605C2.05138 5.58989 2.63821 5.10651 3.33418 4.86149C3.45595 4.81837 3.56138 4.73858 3.63595 4.6331C3.71052 4.52761 3.75057 4.40161 3.75059 4.27242V3.74664C3.75059 3.0836 4.01398 2.44772 4.48282 1.97888C4.95166 1.51004 5.58755 1.24664 6.25059 1.24664C6.91363 1.24664 7.54951 1.51004 8.01835 1.97888C8.48719 2.44772 8.75059 3.0836 8.75059 3.74664V9.07946C8.06427 8.46218 7.17366 8.12096 6.25059 8.12164C6.08483 8.12164 5.92586 8.18749 5.80864 8.3047C5.69143 8.42191 5.62559 8.58088 5.62559 8.74664C5.62559 8.9124 5.69143 9.07138 5.80864 9.18859C5.92586 9.3058 6.08483 9.37164 6.25059 9.37164C6.91363 9.37164 7.54951 9.63504 8.01835 10.1039C8.48719 10.5727 8.75059 11.2086 8.75059 11.8716C8.75059 12.5347 8.48719 13.1706 8.01835 13.6394C7.54951 14.1083 6.91363 14.3716 6.25059 14.3716ZM14.3756 10.9341H13.7506C13.5848 10.9341 13.4259 11 13.3086 11.1172C13.1914 11.2344 13.1256 11.3934 13.1256 11.5591C13.1256 11.7249 13.1914 11.8839 13.3086 12.0011C13.4259 12.1183 13.5848 12.1841 13.7506 12.1841H14.3756C14.5797 12.1838 14.7836 12.1692 14.9857 12.1404C14.9338 12.6206 14.7439 13.0755 14.4389 13.4501C14.134 13.8246 13.7271 14.1028 13.2674 14.251C12.8077 14.3992 12.3149 14.4111 11.8485 14.2852C11.3822 14.1593 10.9624 13.901 10.6398 13.5416C10.3171 13.1821 10.1055 12.7369 10.0305 12.2597C9.95556 11.7826 10.0204 11.2939 10.2172 10.8529C10.4141 10.4118 10.7345 10.0372 11.1397 9.77429C11.5449 9.51143 12.0176 9.37157 12.5006 9.37164C12.6663 9.37164 12.8253 9.3058 12.9425 9.18859C13.0597 9.07138 13.1256 8.9124 13.1256 8.74664C13.1256 8.58088 13.0597 8.42191 12.9425 8.3047C12.8253 8.18749 12.6663 8.12164 12.5006 8.12164C11.5775 8.12096 10.6869 8.46218 10.0006 9.07946V3.74664C10.0006 3.0836 10.264 2.44772 10.7328 1.97888C11.2017 1.51004 11.8375 1.24664 12.5006 1.24664C13.1636 1.24664 13.7995 1.51004 14.2684 1.97888C14.7372 2.44772 15.0006 3.0836 15.0006 3.74664V4.27242C15.0006 4.40161 15.0407 4.52761 15.1152 4.6331C15.1898 4.73858 15.2952 4.81837 15.417 4.86149C16.113 5.10651 16.6998 5.58989 17.0736 6.22605C17.4474 6.86221 17.584 7.61012 17.4593 8.33734C17.3346 9.06457 16.9566 9.72422 16.3922 10.1995C15.8278 10.6748 15.1134 10.935 14.3756 10.9341ZM15.6256 6.87164C15.6256 7.0374 15.5597 7.19637 15.4425 7.31358C15.3253 7.43079 15.1663 7.49664 15.0006 7.49664H14.6881C13.9422 7.49664 13.2268 7.20033 12.6994 6.67288C12.1719 6.14543 11.8756 5.43006 11.8756 4.68414V4.37164C11.8756 4.20588 11.9414 4.04691 12.0586 3.9297C12.1759 3.81249 12.3348 3.74664 12.5006 3.74664C12.6663 3.74664 12.8253 3.81249 12.9425 3.9297C13.0597 4.04691 13.1256 4.20588 13.1256 4.37164V4.68414C13.1256 5.09854 13.2902 5.49597 13.5832 5.789C13.8763 6.08202 14.2737 6.24664 14.6881 6.24664H15.0006C15.1663 6.24664 15.3253 6.31249 15.4425 6.4297C15.5597 6.54691 15.6256 6.70588 15.6256 6.87164ZM4.06309 7.49664H3.75059C3.58483 7.49664 3.42585 7.43079 3.30864 7.31358C3.19143 7.19637 3.12559 7.0374 3.12559 6.87164C3.12559 6.70588 3.19143 6.54691 3.30864 6.4297C3.42585 6.31249 3.58483 6.24664 3.75059 6.24664H4.06309C4.47749 6.24664 4.87492 6.08202 5.16794 5.789C5.46097 5.49597 5.62559 5.09854 5.62559 4.68414V4.37164C5.62559 4.20588 5.69143 4.04691 5.80864 3.9297C5.92586 3.81249 6.08483 3.74664 6.25059 3.74664C6.41635 3.74664 6.57532 3.81249 6.69253 3.9297C6.80974 4.04691 6.87559 4.20588 6.87559 4.37164V4.68414C6.87559 5.43006 6.57927 6.14543 6.05182 6.67288C5.52438 7.20033 4.80901 7.49664 4.06309 7.49664Z" },
-  "eye": { viewBox: "0 0 18.75 12.5", d: "M18.6961 5.99688C18.6687 5.93516 18.007 4.46719 16.5359 2.99609C14.5758 1.03594 12.1 0 9.37499 0C6.64999 0 4.17421 1.03594 2.21405 2.99609C0.742961 4.46719 0.0781175 5.9375 0.0538988 5.99688C0.0183622 6.07681 0 6.16331 0 6.25078C0 6.33826 0.0183622 6.42476 0.0538988 6.50469C0.0812425 6.56641 0.742961 8.03359 2.21405 9.50469C4.17421 11.4641 6.64999 12.5 9.37499 12.5C12.1 12.5 14.5758 11.4641 16.5359 9.50469C18.007 8.03359 18.6687 6.56641 18.6961 6.50469C18.7316 6.42476 18.75 6.33826 18.75 6.25078C18.75 6.16331 18.7316 6.07681 18.6961 5.99688ZM9.37499 11.25C6.9703 11.25 4.86952 10.3758 3.13046 8.65234C2.4169 7.94273 1.80983 7.13356 1.32812 6.25C1.8097 5.36636 2.41679 4.55717 3.13046 3.84766C4.86952 2.12422 6.9703 1.25 9.37499 1.25C11.7797 1.25 13.8805 2.12422 15.6195 3.84766C16.3345 4.557 16.9429 5.36619 17.4258 6.25C16.8625 7.30156 14.4086 11.25 9.37499 11.25ZM9.37499 2.5C8.63331 2.5 7.90829 2.71993 7.2916 3.13199C6.67492 3.54404 6.19427 4.12971 5.91044 4.81494C5.62662 5.50016 5.55235 6.25416 5.69705 6.98159C5.84174 7.70902 6.19889 8.3772 6.72334 8.90165C7.24779 9.4261 7.91597 9.78325 8.6434 9.92795C9.37083 10.0726 10.1248 9.99838 10.8101 9.71455C11.4953 9.43072 12.0809 8.95007 12.493 8.33339C12.9051 7.7167 13.125 6.99168 13.125 6.25C13.124 5.25576 12.7285 4.30253 12.0255 3.59949C11.3225 2.89645 10.3692 2.50103 9.37499 2.5ZM9.37499 8.75C8.88054 8.75 8.39719 8.60338 7.98607 8.32867C7.57494 8.05397 7.25451 7.66352 7.06529 7.20671C6.87607 6.74989 6.82657 6.24723 6.92303 5.76227C7.01949 5.27732 7.25759 4.83186 7.60722 4.48223C7.95686 4.1326 8.40231 3.8945 8.88727 3.79804C9.37222 3.70157 9.87488 3.75108 10.3317 3.9403C10.7885 4.12952 11.179 4.44995 11.4537 4.86107C11.7284 5.2722 11.875 5.75555 11.875 6.25C11.875 6.91304 11.6116 7.54893 11.1428 8.01777C10.6739 8.48661 10.038 8.75 9.37499 8.75Z" },
-  "Frame": { viewBox: "0 0 16.7501 12.5", d: "M1.25 0.625V11.875C1.25 12.0408 1.18415 12.1997 1.06694 12.3169C0.949731 12.4342 0.79076 12.5 0.625 12.5C0.45924 12.5 0.300269 12.4342 0.183058 12.3169C0.0658481 12.1997 0 12.0408 0 11.875V0.625C0 0.45924 0.0658481 0.300269 0.183058 0.183058C0.300269 0.0658481 0.45924 0 0.625 0C0.79076 0 0.949731 0.0658481 1.06694 0.183058C1.18415 0.300269 1.25 0.45924 1.25 0.625ZM8.4375 4.88281L6.875 5.39062V3.75C6.875 3.58424 6.80915 3.42527 6.69194 3.30806C6.57473 3.19085 6.41576 3.125 6.25 3.125C6.08424 3.125 5.92527 3.19085 5.80806 3.30806C5.69085 3.42527 5.625 3.58424 5.625 3.75V5.39062L4.0625 4.88281C3.90482 4.83101 3.73302 4.84397 3.5849 4.91884C3.43677 4.99371 3.32446 5.12435 3.27266 5.28203C3.22086 5.43971 3.23382 5.61151 3.30868 5.75963C3.38355 5.90776 3.5142 6.02007 3.67188 6.07188L5.23438 6.57891L4.27031 7.90703C4.21937 7.97323 4.1822 8.04897 4.16103 8.12977C4.13985 8.21058 4.13508 8.29481 4.14701 8.37748C4.15894 8.46016 4.18733 8.53961 4.23048 8.61113C4.27364 8.68265 4.3307 8.74479 4.39828 8.79389C4.46586 8.84298 4.5426 8.87803 4.62396 8.89696C4.70532 8.91589 4.78965 8.91832 4.87196 8.90411C4.95428 8.88989 5.03291 8.85932 5.10321 8.8142C5.17351 8.76908 5.23405 8.71032 5.28125 8.64141L6.24531 7.31328L7.20937 8.64141C7.25658 8.71032 7.31712 8.76908 7.38742 8.8142C7.45772 8.85932 7.53635 8.88989 7.61866 8.90411C7.70098 8.91832 7.7853 8.91589 7.86666 8.89696C7.94802 8.87803 8.02476 8.84298 8.09235 8.79389C8.15993 8.74479 8.21699 8.68265 8.26014 8.61113C8.3033 8.53961 8.33168 8.46016 8.34361 8.37748C8.35554 8.29481 8.35078 8.21058 8.3296 8.12977C8.30842 8.04897 8.27126 7.97323 8.22031 7.90703L7.25625 6.57891L8.81875 6.07188C8.96947 6.01582 9.09277 5.90382 9.16304 5.75918C9.2333 5.61454 9.24511 5.44839 9.19602 5.29526C9.14692 5.14213 9.04069 5.01382 8.89942 4.93701C8.75815 4.86019 8.59271 4.84078 8.4375 4.88281ZM16.7188 5.28437C16.6675 5.12813 16.5568 4.99837 16.4106 4.9232C16.2643 4.84804 16.0944 4.83353 15.9375 4.88281L14.375 5.39062V3.75C14.375 3.58424 14.3092 3.42527 14.1919 3.30806C14.0747 3.19085 13.9158 3.125 13.75 3.125C13.5842 3.125 13.4253 3.19085 13.3081 3.30806C13.1908 3.42527 13.125 3.58424 13.125 3.75V5.39062L11.5625 4.88359C11.4048 4.83231 11.2332 4.84577 11.0855 4.921C10.9377 4.99624 10.8259 5.12709 10.7746 5.28477C10.7233 5.44244 10.7368 5.61404 10.812 5.7618C10.8873 5.90955 11.0181 6.02137 11.1758 6.07266L12.7383 6.57969L11.7742 7.90781C11.7233 7.97401 11.6861 8.04975 11.6649 8.13055C11.6438 8.21136 11.639 8.29559 11.6509 8.37826C11.6628 8.46094 11.6912 8.54039 11.7344 8.61191C11.7775 8.68343 11.8346 8.74557 11.9022 8.79467C11.9698 8.84376 12.0465 8.87881 12.1279 8.89774C12.2092 8.91667 12.2936 8.9191 12.3759 8.90489C12.4582 8.89067 12.5368 8.8601 12.6071 8.81498C12.6774 8.76986 12.738 8.7111 12.7852 8.64219L13.7492 7.31406L14.7133 8.64219C14.7605 8.7111 14.821 8.76986 14.8913 8.81498C14.9616 8.8601 15.0403 8.89067 15.1226 8.90489C15.2049 8.9191 15.2892 8.91667 15.3706 8.89774C15.4519 8.87881 15.5287 8.84376 15.5963 8.79467C15.6638 8.74557 15.7209 8.68343 15.764 8.61191C15.8072 8.54039 15.8356 8.46094 15.8475 8.37826C15.8594 8.29559 15.8547 8.21136 15.8335 8.13055C15.8123 8.04975 15.7752 7.97401 15.7242 7.90781L14.7602 6.57969L16.3227 6.07266C16.4795 6.02038 16.6093 5.90807 16.6835 5.76033C16.7578 5.61258 16.7704 5.44144 16.7188 5.28437Z" },
-  "arrow-up": { viewBox: "0 0 12.5008 15.0005", d: "M12.3175 6.69268C12.2595 6.75079 12.1906 6.79689 12.1147 6.82834C12.0388 6.85979 11.9575 6.87598 11.8753 6.87598C11.7932 6.87598 11.7119 6.85979 11.636 6.82834C11.5601 6.79689 11.4912 6.75079 11.4332 6.69268L6.87535 2.13409V14.3755C6.87535 14.5413 6.8095 14.7002 6.69229 14.8174C6.57508 14.9346 6.41611 15.0005 6.25035 15.0005C6.08459 15.0005 5.92562 14.9346 5.80841 14.8174C5.6912 14.7002 5.62535 14.5413 5.62535 14.3755V2.13409L1.06753 6.69268C0.95026 6.80995 0.7912 6.87584 0.625347 6.87584C0.459495 6.87584 0.300435 6.80995 0.18316 6.69268C0.0658846 6.5754 1.2357e-09 6.41634 0 6.25049C-1.2357e-09 6.08464 0.0658846 5.92558 0.18316 5.8083L5.80816 0.183304C5.86621 0.125194 5.93514 0.0790945 6.01101 0.0476418C6.08688 0.0161892 6.16821 0 6.25035 0C6.33248 0 6.41381 0.0161892 6.48969 0.0476418C6.56556 0.0790945 6.63449 0.125194 6.69254 0.183304L12.3175 5.8083C12.3756 5.86635 12.4217 5.93528 12.4532 6.01115C12.4847 6.08703 12.5008 6.16836 12.5008 6.25049C12.5008 6.33263 12.4847 6.41396 12.4532 6.48983C12.4217 6.5657 12.3756 6.63463 12.3175 6.69268Z" },
-  "question": { viewBox: "0 0 16.25 16.25", d: "M9.0625 12.1875C9.0625 12.3729 9.00752 12.5542 8.90451 12.7083C8.80149 12.8625 8.65507 12.9827 8.48377 13.0536C8.31246 13.1246 8.12396 13.1432 7.94211 13.107C7.76025 13.0708 7.5932 12.9815 7.46209 12.8504C7.33098 12.7193 7.24169 12.5523 7.20552 12.3704C7.16934 12.1885 7.18791 12 7.25887 11.8287C7.32982 11.6574 7.44999 11.511 7.60416 11.408C7.75833 11.305 7.93958 11.25 8.125 11.25C8.37364 11.25 8.6121 11.3488 8.78792 11.5246C8.96373 11.7004 9.0625 11.9389 9.0625 12.1875ZM8.125 3.75C6.40157 3.75 5 5.01172 5 6.5625V6.875C5 7.04076 5.06585 7.19973 5.18306 7.31694C5.30027 7.43415 5.45924 7.5 5.625 7.5C5.79076 7.5 5.94973 7.43415 6.06695 7.31694C6.18416 7.19973 6.25 7.04076 6.25 6.875V6.5625C6.25 5.70312 7.09141 5 8.125 5C9.1586 5 10 5.70312 10 6.5625C10 7.42188 9.1586 8.125 8.125 8.125C7.95924 8.125 7.80027 8.19085 7.68306 8.30806C7.56585 8.42527 7.5 8.58424 7.5 8.75V9.375C7.5 9.54076 7.56585 9.69973 7.68306 9.81694C7.80027 9.93415 7.95924 10 8.125 10C8.29076 10 8.44974 9.93415 8.56695 9.81694C8.68416 9.69973 8.75 9.54076 8.75 9.375V9.31875C10.175 9.05703 11.25 7.92031 11.25 6.5625C11.25 5.01172 9.84844 3.75 8.125 3.75ZM16.25 8.125C16.25 9.73197 15.7735 11.3029 14.8807 12.639C13.9879 13.9752 12.719 15.0166 11.2343 15.6315C9.74966 16.2465 8.11599 16.4074 6.53989 16.0939C4.9638 15.7804 3.51606 15.0065 2.37976 13.8702C1.24346 12.7339 0.469628 11.2862 0.156123 9.71011C-0.157382 8.13401 0.00352043 6.50035 0.618482 5.0157C1.23344 3.53105 2.27485 2.2621 3.611 1.36931C4.94714 0.476523 6.51803 0 8.125 0C10.2792 0.00227486 12.3445 0.85903 13.8677 2.38227C15.391 3.90551 16.2477 5.97081 16.25 8.125ZM15 8.125C15 6.76525 14.5968 5.43604 13.8414 4.30545C13.0859 3.17487 12.0122 2.29368 10.756 1.77333C9.49971 1.25298 8.11738 1.11683 6.78376 1.3821C5.45014 1.64737 4.22513 2.30215 3.26364 3.26364C2.30216 4.22513 1.64738 5.45013 1.3821 6.78375C1.11683 8.11737 1.25298 9.49971 1.77333 10.7559C2.29368 12.0122 3.17487 13.0859 4.30546 13.8414C5.43605 14.5968 6.76526 15 8.125 15C9.94773 14.9979 11.6952 14.2729 12.9841 12.9841C14.2729 11.6952 14.9979 9.94773 15 8.125Z" },
-  "caret-up": { viewBox: "0 0 13.7508 7.50098", d: "M13.5675 7.31768C13.5095 7.37579 13.4406 7.42189 13.3647 7.45334C13.2888 7.48479 13.2075 7.50098 13.1253 7.50098C13.0432 7.50098 12.9619 7.48479 12.886 7.45334C12.8101 7.42189 12.7412 7.37579 12.6832 7.31768L6.87535 1.50909L1.06753 7.31768C0.95026 7.43495 0.7912 7.50084 0.625347 7.50084C0.459495 7.50084 0.300435 7.43495 0.18316 7.31768C0.0658846 7.2004 3.26935e-09 7.04134 0 6.87549C-3.26935e-09 6.70964 0.0658846 6.55058 0.18316 6.4333L6.43316 0.183304C6.49121 0.125194 6.56014 0.0790947 6.63601 0.047642C6.71188 0.0161893 6.79321 0 6.87535 0C6.95748 0 7.03881 0.0161893 7.11469 0.047642C7.19056 0.0790947 7.25949 0.125194 7.31754 0.183304L13.5675 6.4333C13.6256 6.49135 13.6717 6.56028 13.7032 6.63615C13.7347 6.71203 13.7508 6.79336 13.7508 6.87549C13.7508 6.95763 13.7347 7.03896 13.7032 7.11483C13.6717 7.1907 13.6256 7.25963 13.5675 7.31768Z" },
-  "stop 1": { viewBox: "0 0 13.75 13.75", d: "M12.5 0H1.25C0.918479 0 0.600537 0.131696 0.366116 0.366116C0.131696 0.600537 0 0.918479 0 1.25V12.5C0 12.8315 0.131696 13.1495 0.366116 13.3839C0.600537 13.6183 0.918479 13.75 1.25 13.75H12.5C12.8315 13.75 13.1495 13.6183 13.3839 13.3839C13.6183 13.1495 13.75 12.8315 13.75 12.5V1.25C13.75 0.918479 13.6183 0.600537 13.3839 0.366116C13.1495 0.131696 12.8315 0 12.5 0ZM12.5 12.5H1.25V1.25H12.5V12.5Z" },
-  "pause 1": { viewBox: "0 0 13.75 13.75", d: "M13.75 0.625V3.75C13.75 3.91576 13.6842 4.07473 13.5669 4.19194C13.4497 4.30915 13.2908 4.375 13.125 4.375C12.9592 4.375 12.8003 4.30915 12.6831 4.19194C12.5658 4.07473 12.5 3.91576 12.5 3.75V1.25H10C9.83424 1.25 9.67527 1.18415 9.55806 1.06694C9.44085 0.949731 9.375 0.79076 9.375 0.625C9.375 0.45924 9.44085 0.300269 9.55806 0.183058C9.67527 0.0658481 9.83424 0 10 0H13.125C13.2908 0 13.4497 0.0658481 13.5669 0.183058C13.6842 0.300269 13.75 0.45924 13.75 0.625ZM3.75 12.5H1.25V10C1.25 9.83424 1.18415 9.67527 1.06694 9.55806C0.949731 9.44085 0.79076 9.375 0.625 9.375C0.45924 9.375 0.300269 9.44085 0.183058 9.55806C0.0658481 9.67527 0 9.83424 0 10V13.125C0 13.2908 0.0658481 13.4497 0.183058 13.5669C0.300269 13.6842 0.45924 13.75 0.625 13.75H3.75C3.91576 13.75 4.07473 13.6842 4.19194 13.5669C4.30915 13.4497 4.375 13.2908 4.375 13.125C4.375 12.9592 4.30915 12.8003 4.19194 12.6831C4.07473 12.5658 3.91576 12.5 3.75 12.5ZM13.125 9.375C12.9592 9.375 12.8003 9.44085 12.6831 9.55806C12.5658 9.67527 12.5 9.83424 12.5 10V12.5H10C9.83424 12.5 9.67527 12.5658 9.55806 12.6831C9.44085 12.8003 9.375 12.9592 9.375 13.125C9.375 13.2908 9.44085 13.4497 9.55806 13.5669C9.67527 13.6842 9.83424 13.75 10 13.75H13.125C13.2908 13.75 13.4497 13.6842 13.5669 13.5669C13.6842 13.4497 13.75 13.2908 13.75 13.125V10C13.75 9.83424 13.6842 9.67527 13.5669 9.55806C13.4497 9.44085 13.2908 9.375 13.125 9.375ZM3.75 0H0.625C0.45924 0 0.300269 0.0658481 0.183058 0.183058C0.0658481 0.300269 0 0.45924 0 0.625V3.75C0 3.91576 0.0658481 4.07473 0.183058 4.19194C0.300269 4.30915 0.45924 4.375 0.625 4.375C0.79076 4.375 0.949731 4.30915 1.06694 4.19194C1.18415 4.07473 1.25 3.91576 1.25 3.75V1.25H3.75C3.91576 1.25 4.07473 1.18415 4.19194 1.06694C4.30915 0.949731 4.375 0.79076 4.375 0.625C4.375 0.45924 4.30915 0.300269 4.19194 0.183058C4.07473 0.0658481 3.91576 0 3.75 0Z" },
-  "play 1": { viewBox: "0 0 13.75 13.75", d: "M8.75 4.375V0.625C8.75 0.45924 8.81585 0.300269 8.93306 0.183058C9.05027 0.0658481 9.20924 0 9.375 0C9.54076 0 9.69973 0.0658481 9.81694 0.183058C9.93415 0.300269 10 0.45924 10 0.625V3.75H13.125C13.2908 3.75 13.4497 3.81585 13.5669 3.93306C13.6842 4.05027 13.75 4.20924 13.75 4.375C13.75 4.54076 13.6842 4.69973 13.5669 4.81694C13.4497 4.93415 13.2908 5 13.125 5H9.375C9.20924 5 9.05027 4.93415 8.93306 4.81694C8.81585 4.69973 8.75 4.54076 8.75 4.375ZM4.375 8.75H0.625C0.45924 8.75 0.300269 8.81585 0.183058 8.93306C0.0658481 9.05027 0 9.20924 0 9.375C0 9.54076 0.0658481 9.69973 0.183058 9.81694C0.300269 9.93415 0.45924 10 0.625 10H3.75V13.125C3.75 13.2908 3.81585 13.4497 3.93306 13.5669C4.05027 13.6842 4.20924 13.75 4.375 13.75C4.54076 13.75 4.69973 13.6842 4.81694 13.5669C4.93415 13.4497 5 13.2908 5 13.125V9.375C5 9.20924 4.93415 9.05027 4.81694 8.93306C4.69973 8.81585 4.54076 8.75 4.375 8.75ZM13.125 8.75H9.375C9.20924 8.75 9.05027 8.81585 8.93306 8.93306C8.81585 9.05027 8.75 9.20924 8.75 9.375V13.125C8.75 13.2908 8.81585 13.4497 8.93306 13.5669C9.05027 13.6842 9.20924 13.75 9.375 13.75C9.54076 13.75 9.69973 13.6842 9.81694 13.5669C9.93415 13.4497 10 13.2908 10 13.125V10H13.125C13.2908 10 13.4497 9.93415 13.5669 9.81694C13.6842 9.69973 13.75 9.54076 13.75 9.375C13.75 9.20924 13.6842 9.05027 13.5669 8.93306C13.4497 8.81585 13.2908 8.75 13.125 8.75ZM4.375 0C4.20924 0 4.05027 0.0658481 3.93306 0.183058C3.81585 0.300269 3.75 0.45924 3.75 0.625V3.75H0.625C0.45924 3.75 0.300269 3.81585 0.183058 3.93306C0.0658481 4.05027 0 4.20924 0 4.375C0 4.54076 0.0658481 4.69973 0.183058 4.81694C0.300269 4.93415 0.45924 5 0.625 5H4.375C4.54076 5 4.69973 4.93415 4.81694 4.81694C4.93415 4.69973 5 4.54076 5 4.375V0.625C5 0.45924 4.93415 0.300269 4.81694 0.183058C4.69973 0.0658481 4.54076 0 4.375 0Z" },
-  "corners-out 1": { viewBox: "0 0 16 16", strokes: [
-    { d: "M1 5V1H5", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M11 1H15V5", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M15 11V15H11", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M5 15H1V11", strokeWidth: 1.75, strokeLinecap: "round" }
-  ] },
-  "corners-in 1": { viewBox: "0 0 16 16", strokes: [
-    { d: "M1 1H5V5", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M11 1H15V5", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M15 11V15H11", strokeWidth: 1.75, strokeLinecap: "round" },
-    { d: "M1 11H5V15", strokeWidth: 1.75, strokeLinecap: "round" }
-  ] },
-  "Volume": { viewBox: "0 0 12 14", strokes: [
-    { d: "M1 13L1 7", strokeWidth: 2, strokeLinecap: "round" },
-    { d: "M6 13L6 4", strokeWidth: 2, strokeLinecap: "round" },
-    { d: "M11 13L11 1", strokeWidth: 2, strokeLinecap: "round" }
-  ] }
+var import_icons_react = require("@tabler/icons-react");
+var tablerIconRegistry = {
+  IconAdjustmentsHorizontalFilled: import_icons_react.IconAdjustmentsHorizontalFilled,
+  IconArrowUp: import_icons_react.IconArrowUp,
+  IconBuildingHospital: import_icons_react.IconBuildingHospital,
+  IconBooks: import_icons_react.IconBooks,
+  IconBulb: import_icons_react.IconBulb,
+  IconChartBar: import_icons_react.IconChartBar,
+  IconCheck: import_icons_react.IconCheck,
+  IconChecklist: import_icons_react.IconChecklist,
+  IconChevronDown: import_icons_react.IconChevronDown,
+  IconChevronUp: import_icons_react.IconChevronUp,
+  IconFile: import_icons_react.IconFile,
+  IconFolders: import_icons_react.IconFolders,
+  IconHelpCircle: import_icons_react.IconHelpCircle,
+  IconLanguage: import_icons_react.IconLanguage,
+  IconMapPin: import_icons_react.IconMapPin,
+  IconMessages: import_icons_react.IconMessages,
+  IconMicrophone: import_icons_react.IconMicrophone,
+  IconPencil: import_icons_react.IconPencil,
+  IconPlus: import_icons_react.IconPlus,
+  IconSchool: import_icons_react.IconSchool,
+  IconSearch: import_icons_react.IconSearch,
+  IconSparkles: import_icons_react.IconSparkles,
+  IconUser: import_icons_react.IconUser,
+  IconUserFilled: import_icons_react.IconUserFilled,
+  IconUserCircle: import_icons_react.IconUserCircle,
+  IconUserSearch: import_icons_react.IconUserSearch,
+  IconUsers: import_icons_react.IconUsers,
+  IconUsersGroup: import_icons_react.IconUsersGroup,
+  IconX: import_icons_react.IconX
 };
-var iconNameMap = {
-  "files": "files",
-  "books": "books",
-  "file-magnifying-glass": "file-magnifying-glass",
-  "minus": "minus",
-  "plus": "plus",
-  "arrows-in-simple": "arrows-in-simple",
-  "check": "check",
-  "caret-down": "caret-down",
-  "lightbulb": "lightbulb",
-  "chats": "chats",
-  "file": "file",
-  "folders": "folders",
-  "sparkle": "sparkle",
-  "microphone-stage": "microphone-stage",
-  "battery-low": "battery-low",
-  "microphone": "microphone",
-  "microphone-slash": "microphone-slash",
-  "play": "play",
-  "x": "x",
-  "mail": "Mail",
-  "pause": "pause",
-  "broadcast": "broadcast",
-  "sidebar-simple": "sidebar-simple",
-  "pencil-simple-line": "pencil-simple-line",
-  "search": "search",
-  "list-dashes": "list-dashes",
-  "brain": "brain",
-  "eye": "eye",
-  "frame": "Frame",
-  "arrow-up": "arrow-up",
-  "question": "question",
-  "caret-up": "caret-up",
-  "stop-1": "stop 1",
-  "pause-1": "pause 1",
-  "play-1": "play 1",
-  "corners-out-1": "corners-out 1",
-  "corners-in-1": "corners-in 1",
-  "volume": "Volume"
+var tablerIconNames = Object.keys(tablerIconRegistry).sort(
+  (left, right) => left.localeCompare(right)
+);
+function resolveTablerIcon(name) {
+  const candidate = tablerIconRegistry[name];
+  if (!candidate) {
+    throw new Error(
+      `Icon could not resolve Tabler icon \`${name}\`. Import it and append it to tablerIconRegistry before using it.`
+    );
+  }
+  return candidate;
+}
+var legacyIconToTablerNameMap = {
+  "adjustments-horizontal-filled": "IconAdjustmentsHorizontalFilled",
+  "books": "IconBooks",
+  "organization": "IconBuildingHospital",
+  "locations": "IconMapPin",
+  "people": "IconUsers",
+  "terminologies": "IconLanguage",
+  "guidelines": "IconChecklist",
+  "logs": "IconChartBar",
+  "profile": "IconUserSearch",
+  "experience": "IconSchool",
+  "voice": "IconMicrophone",
+  "plus": "IconPlus",
+  "check": "IconCheck",
+  "caret-down": "IconChevronDown",
+  "lightbulb": "IconBulb",
+  "chats": "IconMessages",
+  "file": "IconFile",
+  "folders": "IconFolders",
+  "sparkle": "IconSparkles",
+  "x": "IconX",
+  "pencil-simple-line": "IconPencil",
+  "search": "IconSearch",
+  "arrow-up": "IconArrowUp",
+  "question": "IconHelpCircle",
+  "user-filled": "IconUserFilled",
+  "caret-up": "IconChevronUp",
+  "users-group": "IconUsersGroup"
 };
+var iconNames = Object.keys(legacyIconToTablerNameMap);
 var iconRegistry = Object.fromEntries(
-  Object.entries(iconNameMap).map(([canonicalName, rawName]) => [
-    canonicalName,
-    rawIconRegistry[rawName]
+  Object.entries(legacyIconToTablerNameMap).map(([name, tablerName]) => [
+    name,
+    resolveTablerIcon(tablerName)
   ])
 );
-var iconNames = Object.keys(iconNameMap);
+var iconNameMap = Object.fromEntries(
+  iconNames.map((name) => [name, name])
+);
 
 // src/components/icon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -442,7 +425,7 @@ var iconColorOptions = [
   "agent-mint",
   "agent-green"
 ];
-var iconSizeScale = {
+var iconSizeMap = {
   xs: 12,
   sm: 16,
   md: 20,
@@ -485,7 +468,7 @@ var iconColorScale = {
   "agent-green": "var(--sofya-agent-green)"
 };
 function resolveIconSize(size) {
-  return typeof size === "number" ? size : iconSizeScale[size];
+  return typeof size === "number" ? size : iconSizeMap[size];
 }
 function resolveIconColor(color) {
   if (!color || color === "current") {
@@ -493,55 +476,43 @@ function resolveIconColor(color) {
   }
   return iconColorScale[color];
 }
-var Icon = React2.forwardRef(function Icon2({
-  name,
-  size = "md",
-  color = "current",
-  title,
-  strokeWidth = 2,
-  className,
-  style,
-  ...props
-}, ref) {
-  const icon = iconRegistry[name];
-  const titleId = React2.useId();
+var Icon = React2.forwardRef(function Icon2(incomingProps, ref) {
+  const {
+    decorative,
+    size = "md",
+    color = "current",
+    title,
+    strokeWidth = 2,
+    className,
+    style
+  } = incomingProps;
+  const IconComponent = iconRegistry[incomingProps.name];
+  const {
+    decorative: _decorative,
+    color: _color,
+    name: _name,
+    size: _size,
+    strokeWidth: _strokeWidth,
+    title: _title,
+    ...props
+  } = incomingProps;
   const dimension = resolveIconSize(size);
   const resolvedColor = resolveIconColor(color);
   const resolvedStyle = resolvedColor ? { ...style, color: resolvedColor } : style;
-  const fillPath = "d" in icon ? icon.d : void 0;
-  const strokePaths = "strokes" in icon ? icon.strokes : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
+  const isDecorative = decorative ?? !title;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    IconComponent,
     {
       ref,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: icon.viewBox,
       className: cn("inline-block shrink-0 align-middle", className),
-      fill: "none",
-      role: title ? "img" : void 0,
-      "aria-hidden": title ? void 0 : true,
-      "aria-labelledby": title ? titleId : void 0,
+      role: isDecorative ? void 0 : "img",
+      "aria-hidden": isDecorative ? true : void 0,
       focusable: "false",
       ...props,
-      width: dimension,
-      height: dimension,
-      style: resolvedStyle,
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { id: titleId, children: title }) : null,
-        fillPath ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: fillPath, fill: "currentColor" }) : null,
-        strokePaths?.map((path, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "path",
-          {
-            d: path.d,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: path.strokeWidth ?? strokeWidth,
-            strokeLinecap: path.strokeLinecap ?? "round",
-            strokeLinejoin: "round"
-          },
-          `${name}-${index}`
-        ))
-      ]
+      size: dimension,
+      title,
+      stroke: strokeWidth,
+      style: resolvedStyle
     }
   );
 });
@@ -1010,10 +981,10 @@ function Badge({ className, variant, alert, pillTone, ...props }) {
 }
 
 // src/components/button.tsx
-var React6 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
+var import_icons_react2 = require("@tabler/icons-react");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react = require("motion/react");
 
 // src/components/button-language-flags.ts
 function createFlagDataUri(svg) {
@@ -1137,8 +1108,271 @@ var dropdownLanguageFlagSrc = {
   `)
 };
 
-// src/components/button.tsx
+// src/components/button-ripple.tsx
+var React6 = __toESM(require("react"), 1);
+var import_react = require("motion/react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var MAX_ACTIVE_RIPPLES = 3;
+var buttonRippleVariantClasses = {
+  default: "bg-[hsl(var(--sofya-primary-foreground)/0.82)] mix-blend-screen",
+  gradient: "bg-[hsl(var(--sofya-primary-foreground)/0.8)] mix-blend-screen",
+  dropdown: "bg-[hsl(var(--sofya-primary)/0.36)]",
+  icon: "bg-[hsl(var(--sofya-primary)/0.34)]",
+  language: "bg-[hsl(var(--sofya-background)/0.76)] mix-blend-screen",
+  secondary: "bg-[hsl(var(--sofya-primary)/0.30)]",
+  outline: "bg-[hsl(var(--sofya-primary)/0.32)]",
+  ghost: "bg-[hsl(var(--sofya-primary)/0.28)]",
+  destructive: "bg-[hsl(var(--sofya-destructive-foreground)/0.78)] mix-blend-screen"
+};
+var buttonRippleBaseSize = {
+  default: 20,
+  sm: 18,
+  lg: 22,
+  icon: 18
+};
+function useButtonRippleState({
+  disabled,
+  onClick,
+  onPointerDown,
+  size,
+  variant
+}) {
+  const prefersReducedMotion = Boolean((0, import_react.useReducedMotion)());
+  const [ripples, setRipples] = React6.useState([]);
+  const rippleIdRef = React6.useRef(0);
+  const lastRippleAtRef = React6.useRef(0);
+  const handleRippleComplete = React6.useCallback((rippleId) => {
+    setRipples(
+      (currentRipples) => currentRipples.filter((currentRipple) => currentRipple.id !== rippleId)
+    );
+  }, []);
+  const createRipple = React6.useCallback(
+    (currentTarget, clientX, clientY) => {
+      const now = performance.now();
+      if (now - lastRippleAtRef.current < 48) {
+        return;
+      }
+      lastRippleAtRef.current = now;
+      const rect = currentTarget.getBoundingClientRect();
+      const hasPointerPosition = clientX !== void 0 && clientY !== void 0;
+      const x = hasPointerPosition ? clientX - rect.left : rect.width / 2;
+      const y = hasPointerPosition ? clientY - rect.top : rect.height / 2;
+      const radius = Math.max(
+        Math.hypot(x, y),
+        Math.hypot(rect.width - x, y),
+        Math.hypot(x, rect.height - y),
+        Math.hypot(rect.width - x, rect.height - y)
+      );
+      const baseSize = buttonRippleBaseSize[size];
+      const finalDiameter = Math.max(
+        radius * 2 + 24,
+        Math.max(rect.width, rect.height) + 18
+      );
+      setRipples((currentRipples) => {
+        const nextRipple = {
+          id: rippleIdRef.current++,
+          scale: finalDiameter / baseSize,
+          size: baseSize,
+          x: x - baseSize / 2,
+          y: y - baseSize / 2
+        };
+        const nextRipples = [...currentRipples, nextRipple];
+        if (nextRipples.length > MAX_ACTIVE_RIPPLES) {
+          return nextRipples.slice(nextRipples.length - MAX_ACTIVE_RIPPLES);
+        }
+        return nextRipples;
+      });
+    },
+    [size]
+  );
+  const handlePointerDown = React6.useCallback(
+    (event) => {
+      onPointerDown?.(event);
+      if (event.defaultPrevented || disabled) {
+        return;
+      }
+      if (prefersReducedMotion) {
+        return;
+      }
+      if (event.button === 0) {
+        createRipple(
+          event.currentTarget,
+          event.clientX,
+          event.clientY
+        );
+      }
+    },
+    [createRipple, disabled, onPointerDown, prefersReducedMotion]
+  );
+  const handleClick = React6.useCallback(
+    (event) => {
+      if (!disabled && !prefersReducedMotion && event.detail === 0) {
+        createRipple(event.currentTarget);
+      }
+      onClick?.(event);
+    },
+    [createRipple, disabled, onClick, prefersReducedMotion]
+  );
+  return {
+    handleClick,
+    handlePointerDown,
+    handleRippleComplete,
+    prefersReducedMotion,
+    rippleClassName: buttonRippleVariantClasses[variant],
+    ripples
+  };
+}
+function ButtonRippleLayer({
+  onAnimationComplete,
+  prefersReducedMotion,
+  rippleClassName,
+  ripples
+}) {
+  if (ripples.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "pointer-events-none absolute inset-0 z-[1] overflow-hidden rounded-[inherit]",
+      children: ripples.map((ripple) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_react.motion.span,
+        {
+          className: cn(
+            "absolute rounded-full will-change-transform transform-gpu",
+            rippleClassName
+          ),
+          initial: prefersReducedMotion ? { opacity: 0.32, scale: 0.72 } : { opacity: 0.56, scale: 0 },
+          animate: prefersReducedMotion ? { opacity: 0, scale: 1.02 } : { opacity: [0.56, 0.26, 0], scale: ripple.scale },
+          transition: prefersReducedMotion ? { duration: 0.2, ease: "linear" } : {
+            duration: 0.62,
+            times: [0, 0.35, 1],
+            ease: [0.16, 1, 0.3, 1]
+          },
+          style: {
+            height: ripple.size,
+            left: ripple.x,
+            top: ripple.y,
+            transformOrigin: "center center",
+            width: ripple.size
+          },
+          onAnimationComplete: () => {
+            onAnimationComplete(ripple.id);
+          }
+        },
+        ripple.id
+      ))
+    }
+  );
+}
+
+// src/components/button-loading-state.ts
+var React7 = __toESM(require("react"), 1);
+var BUTTON_SEQUENCE_MS = 250;
+function useButtonLoadingState({
+  buttonRef,
+  children,
+  leftIcon,
+  loading,
+  rightIcon
+}) {
+  const expandedWidthRef = React7.useRef(void 0);
+  const previousLoadingRef = React7.useRef(loading);
+  const timeoutsRef = React7.useRef([]);
+  const frameRef = React7.useRef(null);
+  const [animatedWidth, setAnimatedWidth] = React7.useState(void 0);
+  const [loadingPhase, setLoadingPhase] = React7.useState(
+    loading ? "loading" : "idle"
+  );
+  const clearAnimationTimers = React7.useCallback(() => {
+    for (const timeoutId of timeoutsRef.current) {
+      window.clearTimeout(timeoutId);
+    }
+    timeoutsRef.current = [];
+    if (frameRef.current !== null) {
+      window.cancelAnimationFrame(frameRef.current);
+      frameRef.current = null;
+    }
+  }, []);
+  React7.useLayoutEffect(() => {
+    const element = buttonRef.current;
+    if (element && loadingPhase === "idle" && !loading) {
+      expandedWidthRef.current = element.offsetWidth;
+    }
+    if (element && loadingPhase === "loading" && animatedWidth === void 0) {
+      setAnimatedWidth(element.offsetHeight);
+    }
+  }, [animatedWidth, buttonRef, loading, loadingPhase, children, leftIcon, rightIcon]);
+  React7.useEffect(() => {
+    return () => {
+      clearAnimationTimers();
+    };
+  }, [clearAnimationTimers]);
+  React7.useEffect(() => {
+    const element = buttonRef.current;
+    if (!element) {
+      return;
+    }
+    const previousLoading = previousLoadingRef.current;
+    previousLoadingRef.current = loading;
+    if (previousLoading === loading) {
+      return;
+    }
+    clearAnimationTimers();
+    if (loading) {
+      const currentWidth2 = element.offsetWidth;
+      const collapsedWidth = element.offsetHeight;
+      expandedWidthRef.current = currentWidth2;
+      setAnimatedWidth(currentWidth2);
+      setLoadingPhase("hiding-content");
+      timeoutsRef.current.push(
+        window.setTimeout(() => {
+          setLoadingPhase("collapsing");
+          setAnimatedWidth(collapsedWidth);
+        }, BUTTON_SEQUENCE_MS)
+      );
+      timeoutsRef.current.push(
+        window.setTimeout(() => {
+          setLoadingPhase("loading");
+        }, BUTTON_SEQUENCE_MS * 2)
+      );
+      return;
+    }
+    const currentWidth = element.offsetWidth;
+    const expandedWidth = expandedWidthRef.current ?? Math.max(element.scrollWidth, currentWidth);
+    setAnimatedWidth(currentWidth);
+    setLoadingPhase("hiding-spinner");
+    timeoutsRef.current.push(
+      window.setTimeout(() => {
+        setLoadingPhase("expanding");
+        frameRef.current = window.requestAnimationFrame(() => {
+          frameRef.current = window.requestAnimationFrame(() => {
+            setAnimatedWidth(expandedWidth);
+          });
+        });
+      }, BUTTON_SEQUENCE_MS)
+    );
+    timeoutsRef.current.push(
+      window.setTimeout(() => {
+        setLoadingPhase("revealing-content");
+      }, BUTTON_SEQUENCE_MS * 2)
+    );
+    timeoutsRef.current.push(
+      window.setTimeout(() => {
+        setLoadingPhase("idle");
+        setAnimatedWidth(void 0);
+      }, BUTTON_SEQUENCE_MS * 3)
+    );
+  }, [buttonRef, clearAnimationTimers, loading]);
+  return {
+    animatedWidth,
+    loadingPhase
+  };
+}
+
+// src/components/button.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var buttonVariantOptions = [
   "default",
   "gradient",
@@ -1151,17 +1385,6 @@ var buttonVariantOptions = [
   "destructive"
 ];
 var buttonSizeOptions = ["default", "sm", "lg", "icon"];
-var buttonRippleVariantClasses = {
-  default: "bg-[hsl(var(--sofya-primary-foreground)/0.82)] mix-blend-screen",
-  gradient: "bg-[hsl(var(--sofya-primary-foreground)/0.8)] mix-blend-screen",
-  dropdown: "bg-[hsl(var(--sofya-primary)/0.36)]",
-  icon: "bg-[hsl(var(--sofya-primary)/0.34)]",
-  language: "bg-[hsl(var(--sofya-background)/0.76)] mix-blend-screen",
-  secondary: "bg-[hsl(var(--sofya-primary)/0.30)]",
-  outline: "bg-[hsl(var(--sofya-primary)/0.32)]",
-  ghost: "bg-[hsl(var(--sofya-primary)/0.28)]",
-  destructive: "bg-[hsl(var(--sofya-destructive-foreground)/0.78)] mix-blend-screen"
-};
 var buttonVariants = (0, import_class_variance_authority4.cva)(
   "relative isolate inline-flex items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-full font-medium tracking-[0.025em] transform-gpu transition-[width,transform,filter,background-color,border-color,color,box-shadow] duration-sofya ease-sofya motion-safe:active:scale-[0.985] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
@@ -1190,7 +1413,6 @@ var buttonVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var BUTTON_SEQUENCE_MS = 250;
 var loadingSpinnerSizeClasses = {
   default: "h-4 w-4",
   sm: "h-3.5 w-3.5",
@@ -1203,52 +1425,21 @@ var languageButtonSizeClasses = {
   lg: "h-12 w-12 rounded-full p-0",
   icon: "h-11 w-11 rounded-full p-0"
 };
-var buttonRippleBaseSize = {
-  default: 20,
-  sm: 18,
-  lg: 22,
-  icon: 18
-};
 function ButtonSpinner({
   size
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "svg",
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_icons_react2.IconLoader2,
     {
       "aria-hidden": "true",
       className: cn(
         "animate-spin text-current",
         loadingSpinnerSizeClasses[size]
-      ),
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "circle",
-          {
-            cx: "12",
-            cy: "12",
-            r: "9",
-            className: "opacity-20",
-            stroke: "currentColor",
-            strokeWidth: "3"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "path",
-          {
-            d: "M21 12A9 9 0 0 0 12 3",
-            stroke: "currentColor",
-            strokeWidth: "3",
-            strokeLinecap: "round"
-          }
-        )
-      ]
+      )
     }
   );
 }
-var Button = React6.forwardRef(
+var Button = React8.forwardRef(
   ({
     active = false,
     disabled,
@@ -1267,20 +1458,9 @@ var Button = React6.forwardRef(
     style,
     ...props
   }, ref) => {
-    const buttonRef = React6.useRef(null);
-    const expandedWidthRef = React6.useRef(void 0);
-    const previousLoadingRef = React6.useRef(loading);
-    const timeoutsRef = React6.useRef([]);
-    const frameRef = React6.useRef(null);
-    const [animatedWidth, setAnimatedWidth] = React6.useState(void 0);
-    const [loadingPhase, setLoadingPhase] = React6.useState(
-      loading ? "loading" : "idle"
-    );
-    const [ripples, setRipples] = React6.useState([]);
-    const rippleIdRef = React6.useRef(0);
+    const buttonRef = React8.useRef(null);
     const Component = asChild ? import_react_slot.Slot : "button";
-    const prefersReducedMotion = (0, import_react.useReducedMotion)();
-    const hasChildren = React6.Children.count(children) > 0;
+    const hasChildren = React8.Children.count(children) > 0;
     const isIconOnly = !hasChildren && Boolean(leftIcon || rightIcon);
     const isIconOnlyAction = variant === "icon" && isIconOnly;
     const resolvedSize = size ?? (isIconOnly ? "icon" : "default");
@@ -1291,6 +1471,13 @@ var Button = React6.forwardRef(
     const resolvedLanguageLabel = resolvedLanguageLocale ? buttonLanguageLabels[resolvedLanguageLocale] : void 0;
     const iconSlotClassName = "inline-flex shrink-0 items-center justify-center [&_svg]:h-[1em] [&_svg]:w-[1em] [&_svg]:shrink-0";
     const iconOnlyNode = leftIcon ?? rightIcon;
+    const { animatedWidth, loadingPhase } = useButtonLoadingState({
+      buttonRef,
+      children,
+      leftIcon,
+      loading,
+      rightIcon
+    });
     const isDisabled = disabled || loadingPhase !== "idle";
     const resolvedWidthStyle = animatedWidth === void 0 ? style?.width : `${animatedWidth}px`;
     const isCompactPhase = loadingPhase === "collapsing" || loadingPhase === "loading" || loadingPhase === "hiding-spinner";
@@ -1313,153 +1500,26 @@ var Button = React6.forwardRef(
         backgroundSize: "cover"
       } : void 0
     };
-    const resolvedRippleClassName = buttonRippleVariantClasses[resolvedVariant];
-    const handleRippleComplete = React6.useCallback((rippleId) => {
-      setRipples(
-        (currentRipples) => currentRipples.filter((currentRipple) => currentRipple.id !== rippleId)
-      );
-    }, []);
-    const createRipple = React6.useCallback(
-      (currentTarget, clientX, clientY) => {
-        const rect = currentTarget.getBoundingClientRect();
-        const hasPointerPosition = clientX !== void 0 && clientY !== void 0;
-        const x = hasPointerPosition ? clientX - rect.left : rect.width / 2;
-        const y = hasPointerPosition ? clientY - rect.top : rect.height / 2;
-        const radius = Math.max(
-          Math.hypot(x, y),
-          Math.hypot(rect.width - x, y),
-          Math.hypot(x, rect.height - y),
-          Math.hypot(rect.width - x, rect.height - y)
-        );
-        const baseSize = buttonRippleBaseSize[resolvedSize];
-        const finalDiameter = Math.max(
-          radius * 2 + 24,
-          Math.max(rect.width, rect.height) + 18
-        );
-        setRipples((currentRipples) => [
-          ...currentRipples,
-          {
-            id: rippleIdRef.current++,
-            scale: finalDiameter / baseSize,
-            size: baseSize,
-            x: x - baseSize / 2,
-            y: y - baseSize / 2
-          }
-        ]);
-      },
-      [resolvedSize]
-    );
-    const handlePointerDown = React6.useCallback(
-      (event) => {
-        onPointerDown?.(event);
-        if (event.defaultPrevented || isDisabled) {
-          return;
-        }
-        if (event.button === 0) {
-          createRipple(
-            event.currentTarget,
-            event.clientX,
-            event.clientY
-          );
-        }
-      },
-      [createRipple, isDisabled, onPointerDown]
-    );
-    const handleClick = React6.useCallback(
-      (event) => {
-        if (!isDisabled && event.detail === 0) {
-          createRipple(event.currentTarget);
-        }
-        onClick?.(event);
-      },
-      [createRipple, isDisabled, onClick]
-    );
-    const clearAnimationTimers = React6.useCallback(() => {
-      for (const timeoutId of timeoutsRef.current) {
-        window.clearTimeout(timeoutId);
-      }
-      timeoutsRef.current = [];
-      if (frameRef.current !== null) {
-        window.cancelAnimationFrame(frameRef.current);
-        frameRef.current = null;
-      }
-    }, []);
-    React6.useImperativeHandle(
+    const {
+      handleClick,
+      handlePointerDown,
+      handleRippleComplete,
+      prefersReducedMotion,
+      rippleClassName,
+      ripples
+    } = useButtonRippleState({
+      disabled: isDisabled,
+      onClick,
+      onPointerDown,
+      size: resolvedSize,
+      variant: resolvedVariant
+    });
+    React8.useImperativeHandle(
       ref,
       () => buttonRef.current
     );
-    React6.useLayoutEffect(() => {
-      const element = buttonRef.current;
-      if (element && loadingPhase === "idle" && !loading) {
-        expandedWidthRef.current = element.offsetWidth;
-      }
-      if (element && loadingPhase === "loading" && animatedWidth === void 0) {
-        setAnimatedWidth(element.offsetHeight);
-      }
-    }, [animatedWidth, loading, loadingPhase, children, leftIcon, rightIcon]);
-    React6.useEffect(() => {
-      return () => {
-        clearAnimationTimers();
-      };
-    }, [clearAnimationTimers]);
-    React6.useEffect(() => {
-      const element = buttonRef.current;
-      if (!element) {
-        return;
-      }
-      const previousLoading = previousLoadingRef.current;
-      previousLoadingRef.current = loading;
-      if (previousLoading === loading) {
-        return;
-      }
-      clearAnimationTimers();
-      if (loading) {
-        const currentWidth2 = element.offsetWidth;
-        const collapsedWidth = element.offsetHeight;
-        expandedWidthRef.current = currentWidth2;
-        setAnimatedWidth(currentWidth2);
-        setLoadingPhase("hiding-content");
-        timeoutsRef.current.push(
-          window.setTimeout(() => {
-            setLoadingPhase("collapsing");
-            setAnimatedWidth(collapsedWidth);
-          }, BUTTON_SEQUENCE_MS)
-        );
-        timeoutsRef.current.push(
-          window.setTimeout(() => {
-            setLoadingPhase("loading");
-          }, BUTTON_SEQUENCE_MS * 2)
-        );
-        return;
-      }
-      const currentWidth = element.offsetWidth;
-      const expandedWidth = expandedWidthRef.current ?? Math.max(element.scrollWidth, currentWidth);
-      setAnimatedWidth(currentWidth);
-      setLoadingPhase("hiding-spinner");
-      timeoutsRef.current.push(
-        window.setTimeout(() => {
-          setLoadingPhase("expanding");
-          frameRef.current = window.requestAnimationFrame(() => {
-            frameRef.current = window.requestAnimationFrame(() => {
-              setAnimatedWidth(expandedWidth);
-            });
-          });
-        }, BUTTON_SEQUENCE_MS)
-      );
-      timeoutsRef.current.push(
-        window.setTimeout(() => {
-          setLoadingPhase("revealing-content");
-        }, BUTTON_SEQUENCE_MS * 2)
-      );
-      timeoutsRef.current.push(
-        window.setTimeout(() => {
-          setLoadingPhase("idle");
-          setAnimatedWidth(void 0);
-        }, BUTTON_SEQUENCE_MS * 3)
-      );
-    }, [children, clearAnimationTimers, leftIcon, loading, rightIcon]);
-    const buttonContent = isLanguageButton ? null : isIconOnly ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: iconSlotClassName, children: iconOnlyNode }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: iconSlotClassName, children: leftIcon }) : null,
+    const buttonContent = isLanguageButton ? null : isIconOnly ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: iconSlotClassName, children: iconOnlyNode }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: iconSlotClassName, children: leftIcon }) : null,
       hasChildren ? renderTextContent(children, {
         as: "span",
         className: "inline-flex items-center text-current",
@@ -1469,9 +1529,9 @@ var Button = React6.forwardRef(
           letterSpacing: "inherit"
         }
       }) : null,
-      rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: iconSlotClassName, children: rightIcon }) : null
+      rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: iconSlotClassName, children: rightIcon }) : null
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       Component,
       {
         className: cn(
@@ -1492,41 +1552,16 @@ var Button = React6.forwardRef(
         style: { ...resolvedButtonStyle, width: resolvedWidthStyle },
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            "span",
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            ButtonRippleLayer,
             {
-              "aria-hidden": "true",
-              className: "pointer-events-none absolute inset-0 z-[1] overflow-hidden rounded-[inherit]",
-              children: ripples.map((ripple) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                import_react.motion.span,
-                {
-                  className: cn(
-                    "absolute rounded-full will-change-transform transform-gpu",
-                    resolvedRippleClassName
-                  ),
-                  initial: prefersReducedMotion ? { opacity: 0.32, scale: 0.72 } : { opacity: 0.56, scale: 0 },
-                  animate: prefersReducedMotion ? { opacity: 0, scale: 1.02 } : { opacity: [0.56, 0.26, 0], scale: ripple.scale },
-                  transition: prefersReducedMotion ? { duration: 0.2, ease: "linear" } : {
-                    duration: 0.62,
-                    times: [0, 0.35, 1],
-                    ease: [0.16, 1, 0.3, 1]
-                  },
-                  style: {
-                    height: ripple.size,
-                    left: ripple.x,
-                    top: ripple.y,
-                    transformOrigin: "center center",
-                    width: ripple.size
-                  },
-                  onAnimationComplete: () => {
-                    handleRippleComplete(ripple.id);
-                  }
-                },
-                ripple.id
-              ))
+              onAnimationComplete: handleRippleComplete,
+              prefersReducedMotion,
+              rippleClassName,
+              ripples
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "span",
             {
               className: cn(
@@ -1536,7 +1571,7 @@ var Button = React6.forwardRef(
               children: buttonContent
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -1544,7 +1579,7 @@ var Button = React6.forwardRef(
                 "pointer-events-none absolute inset-0 z-[2] flex items-center justify-center transition-opacity duration-sofya ease-sofya",
                 showSpinner ? "opacity-100" : "opacity-0"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ButtonSpinner, { size: resolvedSize })
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ButtonSpinner, { size: resolvedSize })
             }
           )
         ]
@@ -1555,9 +1590,9 @@ var Button = React6.forwardRef(
 Button.displayName = "Button";
 
 // src/components/surface.tsx
-var React7 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var surfaceStyles = {
   card: {
     backgroundColor: "hsl(var(--sofya-surface-card-background))",
@@ -1589,7 +1624,7 @@ var surfaceStyles = {
 };
 function SurfaceComponent({ as, asChild = false, variant = "card", className, style, ...props }, ref) {
   const Component = asChild ? import_react_slot2.Slot : as ?? "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Component,
     {
       ref,
@@ -1600,16 +1635,16 @@ function SurfaceComponent({ as, asChild = false, variant = "card", className, st
     }
   );
 }
-var SurfaceBase = React7.forwardRef(SurfaceComponent);
+var SurfaceBase = React9.forwardRef(SurfaceComponent);
 SurfaceBase.displayName = "Surface";
 var Surface = SurfaceBase;
 
 // src/components/card.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var cardVariants = ["card", "panel", "focus"];
 function Card({ className, variant = "card", ...props }) {
   const hasHoverShadow = variant === "card" || variant === "panel";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Surface,
     {
       variant,
@@ -1623,10 +1658,10 @@ function Card({ className, variant = "card", ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("flex flex-col gap-2 p-6", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex flex-col gap-2 p-6", className), ...props });
 }
 function CardTitle({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "h3",
     {
       className: cn("text-card-foreground", className),
@@ -1644,27 +1679,49 @@ function CardDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: cn("text-muted-foreground", className), ...props, children: renderTextContent(children, {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: cn("text-muted-foreground", className), ...props, children: renderTextContent(children, {
     as: "span",
     className: "block text-muted-foreground",
     size: "body"
   }) });
 }
 function CardContent({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("p-6 pt-0", className), ...props, children: renderTextContent(children, {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("p-6 pt-0", className), ...props, children: renderTextContent(children, {
     as: "span"
   }) });
 }
 function CardFooter({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("flex items-center gap-4 p-6 pt-0", className), ...props, children: renderTextContent(children, {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex items-center gap-4 p-6 pt-0", className), ...props, children: renderTextContent(children, {
     as: "span"
   }) });
 }
 
 // src/components/checkbox.tsx
-var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Checkbox = React8.forwardRef(
+var React10 = __toESM(require("react"), 1);
+var import_icons_react3 = require("@tabler/icons-react");
+
+// src/lib/selection-control-classes.ts
+var selectionControlContainerBaseClasses = "flex w-fit gap-4";
+var selectionControlContentBaseClasses = "grid gap-2";
+var selectionControlLabelTextBaseClasses = "text-[color:var(--sofya-text-default)] [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-[3px]";
+var selectionControlDescriptionTextBaseClasses = "text-muted-foreground";
+var selectionControlControlBaseClasses = "border border-[color:var(--sofya-border-strong)] bg-card transition-[background-color,border-color,box-shadow,color] duration-sofya ease-sofya disabled:cursor-not-allowed disabled:opacity-50";
+function selectionControlContainerClasses({
+  alignClassName,
+  className,
+  disabled
+}) {
+  return cn(
+    selectionControlContainerBaseClasses,
+    alignClassName,
+    disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+    className
+  );
+}
+
+// src/components/checkbox.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Checkbox = React10.forwardRef(
   function Checkbox2({
     checked,
     className,
@@ -1677,23 +1734,21 @@ var Checkbox = React8.forwardRef(
     labelClassName,
     ...props
   }, ref) {
-    const generatedId = React8.useId();
+    const generatedId = React10.useId();
     const resolvedId = id ?? generatedId;
     const descriptionId = description ? `${resolvedId}-description` : void 0;
     const alignClassName = description ? "items-start" : "items-center";
-    const indicatorOffsetClassName = "";
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "label",
       {
         htmlFor: resolvedId,
-        className: cn(
-          "flex w-fit gap-4",
+        className: selectionControlContainerClasses({
           alignClassName,
-          disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-          className
-        ),
+          className,
+          disabled
+        }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "input",
             {
               ref,
@@ -1707,41 +1762,24 @@ var Checkbox = React8.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "span",
             {
               "aria-hidden": "true",
               className: cn(
-                "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-[8px] border border-[color:var(--sofya-border-strong)] bg-card text-transparent transition-[background-color,border-color,box-shadow,color] duration-sofya ease-sofya peer-checked:border-primary peer-checked:bg-primary peer-checked:text-primary-foreground peer-focus-visible:ring-2 peer-focus-visible:ring-[color:var(--sofya-focus-ring-soft)] peer-focus-visible:ring-offset-0",
-                indicatorOffsetClassName
+                "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-[8px] text-transparent",
+                selectionControlControlBaseClasses,
+                "peer-checked:border-primary peer-checked:bg-primary peer-checked:text-primary-foreground peer-focus-visible:ring-2 peer-focus-visible:ring-[color:var(--sofya-focus-ring-soft)] peer-focus-visible:ring-offset-0"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "svg",
-                {
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-4 w-4 shrink-0",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                    "path",
-                    {
-                      d: "M2.75 8.25L6.4 11.9L13.35 4.95",
-                      stroke: "currentColor",
-                      strokeWidth: "2.4",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              )
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_react3.IconCheck, { "aria-hidden": "true", className: "h-4 w-4 shrink-0", stroke: 2.4 })
             }
           ),
-          label || description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "grid gap-2", children: [
-            label ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          label || description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
+            label ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "span",
               {
                 className: cn(
-                  "text-[color:var(--sofya-text-default)] [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-[3px]",
+                  selectionControlLabelTextBaseClasses,
                   labelClassName
                 ),
                 children: renderTextContent(label, {
@@ -1751,11 +1789,14 @@ var Checkbox = React8.forwardRef(
                 })
               }
             ) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "span",
               {
                 id: descriptionId,
-                className: cn("text-muted-foreground", descriptionClassName),
+                className: cn(
+                  selectionControlDescriptionTextBaseClasses,
+                  descriptionClassName
+                ),
                 children: renderTextContent(description, {
                   as: "span",
                   className: "text-muted-foreground",
@@ -1772,17 +1813,41 @@ var Checkbox = React8.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/dropdown.tsx
-var React9 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var dropdownVariantOptions = [
-  "card",
-  "panel",
-  "language",
-  "selected"
-];
-var dropdownLanguageItems = [
-  { value: "en-US", label: "English", languageLocale: "en-US" },
+
+// src/lib/use-controllable-state.ts
+var React11 = __toESM(require("react"), 1);
+function useControllableState({
+  defaultValue,
+  onChange,
+  value
+}) {
+  const isControlled = value !== void 0;
+  const [uncontrolledValue, setUncontrolledValue] = React11.useState(defaultValue);
+  const currentValue = isControlled ? value : uncontrolledValue;
+  const setValue = React11.useCallback(
+    (nextValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [isControlled, onChange]
+  );
+  return [currentValue, setValue, setUncontrolledValue];
+}
+
+// src/components/dropdown.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var dropdownVariantOptions = [
+  "card",
+  "panel",
+  "language",
+  "selected"
+];
+var dropdownLanguageItems = [
+  { value: "en-US", label: "English", languageLocale: "en-US" },
   { value: "pt-BR", label: "Portuguese", languageLocale: "pt-BR" },
   { value: "es-ES", label: "Spanish", languageLocale: "es-ES" }
 ];
@@ -1818,7 +1883,7 @@ function resolveItemLanguageLocale(item) {
 }
 function DefaultDropdownTriggerIcon({ variant }) {
   if (variant === "selected") {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Icon,
       {
         name: "caret-down",
@@ -1826,16 +1891,16 @@ function DefaultDropdownTriggerIcon({ variant }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "caret-down", className: "!h-4 !w-4" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "caret-down", className: "!h-4 !w-4" }) });
 }
 function DefaultDropdownItemIndicator() {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "check", size: 16 });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "check", size: 16 });
 }
 function DefaultDropdownInlineCheck() {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "check", size: 14 });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "check", size: 14 });
 }
 function LanguageFlagIcon({ locale }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "img",
     {
       alt: "",
@@ -1867,40 +1932,41 @@ function Dropdown({
   const isLanguageVariant = variant === "language";
   const isSelectedVariant = variant === "selected";
   const usesDefaultListStyle = !isLanguageVariant;
-  const resolvedItems = React9.useMemo(
+  const resolvedItems = React12.useMemo(
     () => isLanguageVariant ? items && items.length > 0 ? items : dropdownLanguageItems : items ?? [],
     [isLanguageVariant, items]
   );
   const defaultUncontrolledValue = defaultValue ?? (isLanguageVariant ? resolvedItems[0]?.value : void 0);
-  const [internalValue, setInternalValue] = React9.useState(
-    defaultUncontrolledValue
-  );
-  const selectedValue = value ?? internalValue;
+  const [selectedValue, setSelectedValue, setUncontrolledSelectedValue] = useControllableState({
+    defaultValue: defaultUncontrolledValue,
+    onChange: onValueChange,
+    value
+  });
   const radioValue = selectedValue ?? "";
   const selectedItem = resolvedItems.find(
     (item) => item.value === selectedValue
   );
   const hasSelectedItem = selectedItem !== void 0;
   const selectedLanguageLocale = resolveItemLanguageLocale(selectedItem);
-  React9.useEffect(() => {
+  React12.useEffect(() => {
     if (value !== void 0) {
       return;
     }
-    const currentValueIsAvailable = internalValue !== void 0 && resolvedItems.some((item) => item.value === internalValue);
+    const currentValueIsAvailable = selectedValue !== void 0 && resolvedItems.some((item) => item.value === selectedValue);
     if (!currentValueIsAvailable && defaultUncontrolledValue !== void 0) {
-      setInternalValue(defaultUncontrolledValue);
+      setUncontrolledSelectedValue(defaultUncontrolledValue);
     }
-  }, [defaultUncontrolledValue, internalValue, resolvedItems, value]);
-  const resolvedTriggerIcon = isLanguageVariant ? void 0 : triggerIcon === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultDropdownTriggerIcon, { variant }) : triggerIcon;
+  }, [
+    defaultUncontrolledValue,
+    resolvedItems,
+    selectedValue,
+    setUncontrolledSelectedValue,
+    value
+  ]);
+  const resolvedTriggerIcon = isLanguageVariant ? void 0 : triggerIcon === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownTriggerIcon, { variant }) : triggerIcon;
   const triggerLabel = selectedItem?.triggerLabel ?? selectedItem?.label ?? placeholder;
   const selectedTriggerToneClassName = isSelectedVariant ? hasSelectedItem ? "text-foreground" : "text-[color:var(--sofya-text-soft)]" : void 0;
-  function handleValueChange(nextValue) {
-    if (value === void 0) {
-      setInternalValue(nextValue);
-    }
-    onValueChange?.(nextValue);
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     DropdownMenuPrimitive.Root,
     {
       defaultOpen,
@@ -1908,7 +1974,7 @@ function Dropdown({
       onOpenChange,
       open,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           Button,
           {
             type: "button",
@@ -1921,14 +1987,14 @@ function Dropdown({
               triggerClassName
             ),
             rightIcon: resolvedTriggerIcon,
-            children: isLanguageVariant ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "min-w-0 truncate", children: renderTextContent(triggerLabel, {
+            children: isLanguageVariant ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 truncate", children: renderTextContent(triggerLabel, {
               as: "span",
               className: "block min-w-0 truncate text-inherit",
               size: "body"
             }) })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           DropdownMenuPrimitive.Content,
           {
             align,
@@ -1938,18 +2004,18 @@ function Dropdown({
               dropdownContentClasses[variant],
               contentClassName
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               DropdownMenuPrimitive.RadioGroup,
               {
                 value: radioValue,
-                onValueChange: handleValueChange,
+                onValueChange: setSelectedValue,
                 className: "grid gap-2",
                 children: resolvedItems.map((item) => {
                   const isSelected = item.value === selectedValue;
                   const itemLanguageLocale = resolveItemLanguageLocale(item);
-                  const indicator = item.indicator ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultDropdownItemIndicator, {});
-                  const itemIcon = item.icon ?? (variant === "language" && itemLanguageLocale ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LanguageFlagIcon, { locale: itemLanguageLocale }) : null);
-                  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  const indicator = item.indicator ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownItemIndicator, {});
+                  const itemIcon = item.icon ?? (variant === "language" && itemLanguageLocale ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LanguageFlagIcon, { locale: itemLanguageLocale }) : null);
+                  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     DropdownMenuPrimitive.RadioItem,
                     {
                       value: item.value,
@@ -1960,7 +2026,7 @@ function Dropdown({
                         dropdownItemClasses[variant],
                         itemClassName
                       ),
-                      children: usesDefaultListStyle ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                      children: usesDefaultListStyle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                         "span",
                         {
                           "data-dropdown-item-body": true,
@@ -1969,32 +2035,32 @@ function Dropdown({
                             isSelected ? "bg-[color:var(--sofya-surface-selected)]" : "bg-transparent"
                           ),
                           children: [
-                            itemIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }) : null,
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "truncate", children: renderTextContent(item.label, {
+                            itemIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }) : null,
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: renderTextContent(item.label, {
                               as: "span",
                               className: "block truncate text-inherit",
                               size: "body"
                             }) }),
-                            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                               "span",
                               {
                                 "aria-hidden": "true",
                                 className: "flex h-[14px] w-[14px] shrink-0 items-center justify-center",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultDropdownInlineCheck, {})
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownInlineCheck, {})
                               }
                             ) : null
                           ]
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                          itemIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "truncate", children: renderTextContent(item.label, {
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                          itemIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }) : null,
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: renderTextContent(item.label, {
                             as: "span",
                             className: "block truncate text-inherit",
                             size: "body"
                           }) })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -2021,14 +2087,14 @@ function Dropdown({
 }
 
 // src/components/dialog.tsx
-var React10 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2040,7 +2106,7 @@ var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React10.forwardRef(
+var DialogContent = React13.forwardRef(
   ({
     className,
     children,
@@ -2053,9 +2119,9 @@ var DialogContent = React10.forwardRef(
     const dialogCardStyle = {
       "--sofya-surface-shadow-override": "var(--sofya-shadow-lg)"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DialogPortal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "sofya-dialog-positioner fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "sofya-dialog-positioner fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         DialogPrimitive.Content,
         {
           ref,
@@ -2064,7 +2130,7 @@ var DialogContent = React10.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             Card,
             {
               variant: cardVariant,
@@ -2075,15 +2141,15 @@ var DialogContent = React10.forwardRef(
               style: dialogCardStyle,
               children: [
                 children,
-                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                   Button,
                   {
                     type: "button",
-                    variant: "icon",
+                    variant: "ghost",
                     size: "icon",
                     "aria-label": "Close",
-                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "x", size: 18 }),
-                    className: "absolute right-4 top-4 z-10 h-11 w-11 rounded-full bg-background text-muted-foreground hover:bg-muted hover:text-foreground"
+                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "x", size: 18 }),
+                    className: "absolute right-4 top-4 z-10 text-muted-foreground hover:text-foreground"
                   }
                 ) }) : null
               ]
@@ -2096,10 +2162,10 @@ var DialogContent = React10.forwardRef(
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("grid gap-2 px-6 pt-6 pr-16 text-left", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("grid gap-2 px-6 pt-6 pr-16 text-left", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       className: cn(
@@ -2110,11 +2176,11 @@ function DialogFooter({ className, ...props }) {
     }
   );
 }
-var DialogCancel = React10.forwardRef(
-  ({ type = "button", variant = "outline", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { ref, type, variant, ...props }) })
+var DialogCancel = React13.forwardRef(
+  ({ type = "button", variant = "outline", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { ref, type, variant, ...props }) })
 );
 DialogCancel.displayName = "DialogCancel";
-var DialogTitle = React10.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogTitle = React13.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -2128,7 +2194,7 @@ var DialogTitle = React10.forwardRef(({ children, className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogDescription = React13.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -2144,9 +2210,9 @@ var DialogDescription = React10.forwardRef(({ children, className, ...props }, r
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/empty.tsx
-var React11 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var emptyMediaVariantOptions = ["default", "icon"];
 var emptyMediaVariants = (0, import_class_variance_authority5.cva)(
   "inline-flex shrink-0 items-center justify-center transition-[background-color,border-color,color,box-shadow] duration-sofya ease-sofya",
@@ -2162,11 +2228,11 @@ var emptyMediaVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var EmptyMedia = React11.forwardRef(function EmptyMedia2({ className, variant, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props });
+var EmptyMedia = React14.forwardRef(function EmptyMedia2({ className, variant, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props });
 });
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       className: cn("flex max-w-[34rem] flex-col items-center gap-4 text-center", className),
@@ -2175,7 +2241,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "h2",
     {
       className: cn("text-foreground", className),
@@ -2193,7 +2259,7 @@ function EmptyDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "p",
     {
       className: cn("max-w-full text-muted-foreground whitespace-nowrap", className),
@@ -2207,7 +2273,7 @@ function EmptyDescription({
   );
 }
 function EmptyContent({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       className: cn("flex flex-wrap items-center justify-center gap-4 text-center", className),
@@ -2218,9 +2284,9 @@ function EmptyContent({ children, className, ...props }) {
     }
   );
 }
-var Empty = React11.forwardRef(function Empty2({ children, className, content, description, media, title, ...props }, ref) {
-  const hasCustomChildren = React11.Children.count(children) > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var Empty = React14.forwardRef(function Empty2({ children, className, content, description, media, title, ...props }, ref) {
+  const hasCustomChildren = React14.Children.count(children) > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       ref,
@@ -2229,13 +2295,13 @@ var Empty = React11.forwardRef(function Empty2({ children, className, content, d
         className
       ),
       ...props,
-      children: hasCustomChildren ? children : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(EmptyHeader, { children: [
-          media ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EmptyMedia, { variant: "icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "folders", size: 28 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EmptyTitle, { children: title ?? "Nada por aqui" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EmptyDescription, { children: description ?? "Quando houver conte\xFAdo dispon\xEDvel, ele aparecer\xE1 aqui." })
+      children: hasCustomChildren ? children : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmptyHeader, { children: [
+          media ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyMedia, { variant: "icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "folders", size: 28 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyTitle, { children: title ?? "Nada por aqui" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyDescription, { children: description ?? "Quando houver conte\xFAdo dispon\xEDvel, ele aparecer\xE1 aqui." })
         ] }),
-        content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EmptyContent, { children: content }) : null
+        content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyContent, { children: content }) : null
       ] })
     }
   );
@@ -2248,104 +2314,73 @@ EmptyDescription.displayName = "EmptyDescription";
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/input.tsx
-var React13 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var import_input_otp2 = require("input-otp");
-var import_react2 = require("motion/react");
 
-// src/components/input-otp.tsx
-var React12 = __toESM(require("react"), 1);
-var import_input_otp = require("input-otp");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var InputOTP = React12.forwardRef(({ className, containerClassName, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_input_otp.OTPInput,
-    {
-      ref,
-      containerClassName: cn(
-        "flex items-center gap-4 has-[:disabled]:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-});
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "div",
+// src/lib/field-shell.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function FieldLabel({
+  children,
+  className,
+  htmlFor,
+  textClassName = "block text-[color:var(--sofya-text-default)]",
+  textSize = "body",
+  textStyle = {
+    fontWeight: 500
+  }
+}) {
+  if (!children) {
+    return null;
+  }
+  const Component = htmlFor ? "label" : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Component,
     {
-      ref,
-      className: cn(
-        "flex overflow-hidden rounded-[12px] border border-[color:var(--sofya-border-hover)] bg-card",
-        className
-      ),
-      ...props
+      className: cn("text-[color:var(--sofya-text-default)]", className),
+      htmlFor,
+      children: renderTextContent(children, {
+        as: "span",
+        className: textClassName,
+        size: textSize,
+        style: textStyle
+      })
     }
   );
-});
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React12.forwardRef(
-  ({ className, index, ...props }, ref) => {
-    const otpContext = React12.useContext(import_input_otp.OTPInputContext);
-    const slot = otpContext.slots[index];
-    if (!slot) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "div",
-        {
-          ref,
-          className: cn(
-            "relative flex h-[92px] w-[96px] items-center justify-center border-r border-[color:var(--sofya-border-strong)] bg-card last:border-r-0",
-            className
-          ),
-          ...props
-        }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      "div",
+}
+function FieldShell({
+  containerClassName,
+  control,
+  label,
+  labelClassName,
+  labelHtmlFor,
+  labelTextClassName,
+  labelTextSize,
+  labelTextStyle
+}) {
+  if (!label && !containerClassName) {
+    return control;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      FieldLabel,
       {
-        ref,
-        className: cn(
-          "relative flex h-[92px] w-[96px] items-center justify-center border-r border-[color:var(--sofya-border-strong)] bg-card text-[40px] font-medium leading-none tracking-[-0.04em] text-[color:var(--sofya-text-default)] transition-[background-color,box-shadow,border-color,color] duration-sofya ease-sofya last:border-r-0",
-          slot.isActive && "z-10 border-transparent bg-[color:var(--sofya-surface-hover)] text-primary shadow-[var(--sofya-shadow-otp-focus)] ring-2 ring-inset ring-[color:var(--sofya-focus-ring-strong)]",
-          className
-        ),
-        ...props,
-        children: [
-          slot.char ?? null,
-          slot.hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-10 w-[2px] animate-pulse rounded-full bg-primary shadow-[var(--sofya-shadow-caret-glow)]" }) }) : null
-        ]
+        className: labelClassName,
+        htmlFor: labelHtmlFor,
+        textClassName: labelTextClassName,
+        textSize: labelTextSize,
+        textStyle: labelTextStyle,
+        children: label
       }
-    );
-  }
-);
-InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "div",
-    {
-      ref,
-      role: "separator",
-      className: cn(
-        "flex items-center justify-center px-2 text-[28px] leading-none text-[color:var(--sofya-text-soft)]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": "true", children: "." })
-    }
-  );
-});
-InputOTPSeparator.displayName = "InputOTPSeparator";
+    ) : null,
+    control
+  ] });
+}
 
-// src/components/input.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var inputVariantOptions = [
-  "default",
-  "search",
-  "otp",
-  "upload"
-];
+// src/components/input-upload.tsx
+var React15 = __toESM(require("react"), 1);
+var import_icons_react4 = require("@tabler/icons-react");
+var import_react2 = require("motion/react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var uploadKindOptions = ["document", "image", "video"];
 var uploadAcceptByKind = {
   document: ".pdf,.doc,.docx,.txt,.rtf,.odt,.jpg,.jpeg,.png,.webp,.gif",
@@ -2392,7 +2427,7 @@ function mergeUploadFiles(currentFiles, nextFiles, multiple) {
   return Array.from(filesBySignature.values());
 }
 var uploadListItemTransition = {
-  duration: 0.2,
+  duration: 0.18,
   ease: [0.22, 1, 0.36, 1]
 };
 function formatUploadFileSize(bytes) {
@@ -2438,96 +2473,12 @@ function resolveUploadFileVisualKind(file, fallbackKind) {
   }
   return "document";
 }
-function InputShell({
-  containerClassName,
-  control,
-  label,
-  labelClassName,
-  resolvedId
-}) {
-  if (!label && !containerClassName) {
-    return control;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "label",
-      {
-        className: cn(
-          "text-[color:var(--sofya-text-default)]",
-          labelClassName
-        ),
-        htmlFor: resolvedId,
-        children: renderTextContent(label, {
-          as: "span",
-          className: "block text-[color:var(--sofya-text-default)]",
-          size: "body",
-          style: {
-            fontWeight: 500
-          }
-        })
-      }
-    ) : null,
-    control
-  ] });
-}
-function UploadInputShell({
-  containerClassName,
-  control,
-  label,
-  labelClassName,
-  optionalLabel
-}) {
-  if (!label && !optionalLabel && !containerClassName) {
-    return control;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
-    label || optionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      "div",
-      {
-        className: cn(
-          "text-[color:var(--sofya-text-default)]",
-          labelClassName
-        ),
-        children: [
-          renderTextContent(label, {
-            as: "span",
-            className: "text-[color:var(--sofya-text-default)]",
-            size: "body",
-            style: {
-              fontWeight: 700
-            }
-          }),
-          optionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ml-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(optionalLabel, {
-            as: "span",
-            className: "text-[color:var(--sofya-text-subtle)]",
-            size: "tiny"
-          }) }) : null
-        ]
-      }
-    ) : null,
-    control
-  ] });
-}
 function UploadGlyph({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    "svg",
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_icons_react4.IconUpload,
     {
       "aria-hidden": "true",
-      className: cn("inline-block shrink-0 align-middle", className),
-      fill: "none",
-      focusable: "false",
-      viewBox: "0 0 20 20",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "path",
-        {
-          d: "M10 12.5V3.75M6.66667 7.08333L10 3.75L13.3333 7.08333M5 11.6667V14.1667C5 14.6269 5.3731 15 5.83333 15H14.1667C14.6269 15 15 14.6269 15 14.1667V11.6667",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2"
-        }
-      )
+      className: cn("inline-block shrink-0 align-middle", className)
     }
   );
 }
@@ -2536,120 +2487,32 @@ function UploadFileTypeGlyph({
   kind
 }) {
   if (kind === "image") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      "svg",
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_icons_react4.IconPhoto,
       {
         "aria-hidden": "true",
-        className: cn("inline-block shrink-0 align-middle", className),
-        fill: "none",
-        focusable: "false",
-        viewBox: "0 0 18 18",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "rect",
-            {
-              x: "2.5",
-              y: "3",
-              width: "13",
-              height: "12",
-              rx: "2.5",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "6.75", cy: "7.25", r: "1.25", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "path",
-            {
-              d: "M4.5 12L7.25 9.25C7.64052 8.85948 8.27368 8.85948 8.66421 9.25L9.5 10.0858C9.89052 10.4763 10.5237 10.4763 10.9142 10.0858L11.25 9.75C11.6405 9.35948 12.2737 9.35948 12.6642 9.75L13.5 10.5858",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: "1.5"
-            }
-          )
-        ]
+        className: cn("inline-block shrink-0 align-middle", className)
       }
     );
   }
   if (kind === "video") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      "svg",
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_icons_react4.IconVideo,
       {
         "aria-hidden": "true",
-        className: cn("inline-block shrink-0 align-middle", className),
-        fill: "none",
-        focusable: "false",
-        viewBox: "0 0 18 18",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "rect",
-            {
-              x: "2.5",
-              y: "4",
-              width: "13",
-              height: "10",
-              rx: "2.5",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "path",
-            {
-              d: "M8 7.35C8 7.03889 8.33624 6.84443 8.60583 7.00018L11.1583 8.47518C11.4279 8.63094 11.4279 9.02088 11.1583 9.17664L8.60583 10.6516C8.33624 10.8074 8 10.6129 8 10.3018V7.35Z",
-              fill: "currentColor"
-            }
-          )
-        ]
+        className: cn("inline-block shrink-0 align-middle", className)
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    "svg",
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_icons_react4.IconFileText,
     {
       "aria-hidden": "true",
-      className: cn("inline-block shrink-0 align-middle", className),
-      fill: "none",
-      focusable: "false",
-      viewBox: "0 0 18 18",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M7.5 2.25H5C3.89543 2.25 3 3.14543 3 4.25V13.75C3 14.8546 3.89543 15.75 5 15.75H13C14.1046 15.75 15 14.8546 15 13.75V8.25L11.25 4.5H9.75C8.50736 4.5 7.5 3.49264 7.5 2.25Z",
-            stroke: "currentColor",
-            strokeLinejoin: "round",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M7.5 2.25V4.25C7.5 5.35457 8.39543 6.25 9.5 6.25H11.5",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.5"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M6 10H12M6 12.5H10",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeWidth: "1.5"
-          }
-        )
-      ]
+      className: cn("inline-block shrink-0 align-middle", className)
     }
   );
 }
-var UploadInputControl = React13.forwardRef(function UploadInputControl2({
+var UploadInputControl = React15.forwardRef(function UploadInputControl2({
   accept,
   "aria-label": ariaLabel,
   className,
@@ -2663,17 +2526,17 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
   resolvedId,
   ...uploadProps
 }, ref) {
-  const inputRef = React13.useRef(null);
-  const [isDragActive, setIsDragActive] = React13.useState(false);
-  const [selectedFiles, setSelectedFiles] = React13.useState([]);
+  const inputRef = React15.useRef(null);
+  const [isDragActive, setIsDragActive] = React15.useState(false);
+  const [selectedFiles, setSelectedFiles] = React15.useState([]);
   const resolvedMultiple = multiple ?? true;
   const prefersReducedMotion = (0, import_react2.useReducedMotion)();
-  React13.useImperativeHandle(ref, () => inputRef.current);
+  React15.useImperativeHandle(ref, () => inputRef.current);
   const resolvedAccept = accept ?? uploadAcceptByKind[uploadKind];
   const resolvedAriaLabel = ariaLabel ?? uploadAriaLabelByKind[uploadKind];
   const resolvedTitle = uploadTitle ?? "Arraste arquivos aqui ou clique para selecionar";
   const resolvedDescription = uploadDescription ?? uploadDescriptionByKind[uploadKind];
-  const syncSelectedFiles = React13.useCallback(
+  const syncSelectedFiles = React15.useCallback(
     (files) => {
       const normalizedFiles = resolvedMultiple ? files : files.slice(0, 1);
       setSelectedFiles(normalizedFiles);
@@ -2681,7 +2544,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [onFilesChange, resolvedMultiple]
   );
-  const applyFilesToInput = React13.useCallback((files) => {
+  const applyFilesToInput = React15.useCallback((files) => {
     const inputElement = inputRef.current;
     if (!inputElement || typeof DataTransfer === "undefined") {
       return false;
@@ -2700,7 +2563,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
       return false;
     }
   }, []);
-  const handleInputChange = React13.useCallback(
+  const handleInputChange = React15.useCallback(
     (event) => {
       const nextFiles = mergeUploadFiles(
         selectedFiles,
@@ -2719,12 +2582,12 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
       syncSelectedFiles
     ]
   );
-  const openPicker = React13.useCallback(() => {
+  const openPicker = React15.useCallback(() => {
     if (!disabled) {
       inputRef.current?.click();
     }
   }, [disabled]);
-  const handleKeyDown = React13.useCallback(
+  const handleKeyDown = React15.useCallback(
     (event) => {
       if (disabled) {
         return;
@@ -2736,7 +2599,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [disabled, openPicker]
   );
-  const handleDragEnter = React13.useCallback(
+  const handleDragEnter = React15.useCallback(
     (event) => {
       event.preventDefault();
       if (!disabled) {
@@ -2745,7 +2608,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDragLeave = React13.useCallback(
+  const handleDragLeave = React15.useCallback(
     (event) => {
       if (disabled) {
         return;
@@ -2758,7 +2621,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDragOver = React13.useCallback(
+  const handleDragOver = React15.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -2769,7 +2632,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDrop = React13.useCallback(
+  const handleDrop = React15.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -2802,7 +2665,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
       syncSelectedFiles
     ]
   );
-  const handleRemoveFile = React13.useCallback(
+  const handleRemoveFile = React15.useCallback(
     (fileIndex) => {
       if (disabled) {
         return;
@@ -2813,8 +2676,8 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     },
     [applyFilesToInput, disabled, selectedFiles, syncSelectedFiles]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid w-full gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid w-full gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "input",
       {
         ...uploadProps,
@@ -2829,7 +2692,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
         onChange: handleInputChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "label",
       {
         "aria-disabled": disabled || void 0,
@@ -2849,8 +2712,8 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
         onDrop: handleDrop,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex size-10 items-center justify-center rounded-[6px] p-2 text-[color:var(--sofya-text-default)]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UploadGlyph, { className: "size-[18px]" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[color:var(--sofya-text-default)]", children: renderTextContent(resolvedTitle, {
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex size-10 items-center justify-center rounded-[6px] p-2 text-[color:var(--sofya-text-default)]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UploadGlyph, { className: "size-[18px]" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[color:var(--sofya-text-default)]", children: renderTextContent(resolvedTitle, {
             as: "span",
             className: "block text-[color:var(--sofya-text-default)]",
             size: "body",
@@ -2858,7 +2721,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
               fontWeight: 500
             }
           }) }),
-          resolvedDescription ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[color:var(--sofya-text-subtle)]", children: renderTextContent(resolvedDescription, {
+          resolvedDescription ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[color:var(--sofya-text-subtle)]", children: renderTextContent(resolvedDescription, {
             as: "span",
             className: "block text-[color:var(--sofya-text-subtle)]",
             size: "tiny"
@@ -2866,28 +2729,27 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react2.motion.div, { layout: true, role: "list", className: "grid gap-4 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react2.AnimatePresence, { initial: false, children: selectedFiles.map((file, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { role: "list", className: "grid gap-4 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react2.AnimatePresence, { initial: false, children: selectedFiles.map((file, index) => {
       const fileKey = resolveUploadFileSignature(file);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         import_react2.motion.div,
         {
-          layout: true,
           role: "listitem",
           className: "overflow-hidden",
-          initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 10, scale: 0.98, height: 0 },
-          animate: prefersReducedMotion ? { opacity: 1 } : { opacity: 1, y: 0, scale: 1, height: "auto" },
-          exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.98, height: 0 },
+          initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 8 },
+          animate: prefersReducedMotion ? { opacity: 1 } : { opacity: 1, y: 0 },
+          exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: -6 },
           transition: uploadListItemTransition,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Card, { variant: "panel", className: "flex items-center gap-4 p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-[color:var(--sofya-surface-hover)] text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { variant: "panel", className: "flex items-center gap-4 p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-[color:var(--sofya-surface-hover)] text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               UploadFileTypeGlyph,
               {
                 className: "size-[18px]",
                 kind: resolveUploadFileVisualKind(file, uploadKind)
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "truncate text-[color:var(--sofya-text-default)]", children: renderTextContent(file.name, {
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "truncate text-[color:var(--sofya-text-default)]", children: renderTextContent(file.name, {
                 as: "span",
                 className: "block truncate text-[color:var(--sofya-text-default)]",
                 size: "body",
@@ -2895,7 +2757,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
                   fontWeight: 500
                 }
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mt-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(
                 `${resolveUploadFileBadge(
                   file
                 )} \xB7 ${formatUploadFileSize(file.size)}`,
@@ -2906,7 +2768,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "button",
               {
                 "aria-label": `Remover ${file.name}`,
@@ -2918,7 +2780,7 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
                   event.stopPropagation();
                   handleRemoveFile(index);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   Icon,
                   {
                     "aria-hidden": "true",
@@ -2936,9 +2798,104 @@ var UploadInputControl = React13.forwardRef(function UploadInputControl2({
     }) }) })
   ] });
 });
-UploadInputControl.displayName = "UploadInputControl";
-var Input = React13.forwardRef((props, ref) => {
-  const generatedId = React13.useId();
+UploadInputControl.displayName = "UploadInputControl";
+
+// src/components/input-otp.tsx
+var React16 = __toESM(require("react"), 1);
+var import_input_otp = require("input-otp");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var InputOTP = React16.forwardRef(({ className, containerClassName, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_input_otp.OTPInput,
+    {
+      ref,
+      containerClassName: cn(
+        "flex items-center gap-4 has-[:disabled]:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+});
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex overflow-hidden rounded-[12px] border border-[color:var(--sofya-border-hover)] bg-card",
+        className
+      ),
+      ...props
+    }
+  );
+});
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React16.forwardRef(
+  ({ className, index, ...props }, ref) => {
+    const otpContext = React16.useContext(import_input_otp.OTPInputContext);
+    const slot = otpContext.slots[index];
+    if (!slot) {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative flex h-[92px] w-[96px] items-center justify-center border-r border-[color:var(--sofya-border-strong)] bg-card last:border-r-0",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex h-[92px] w-[96px] items-center justify-center border-r border-[color:var(--sofya-border-strong)] bg-card text-[40px] font-medium leading-none tracking-[-0.04em] text-[color:var(--sofya-text-default)] transition-[background-color,box-shadow,border-color,color] duration-sofya ease-sofya last:border-r-0",
+          slot.isActive && "z-10 border-transparent bg-[color:var(--sofya-surface-hover)] text-primary shadow-[var(--sofya-shadow-otp-focus)] ring-2 ring-inset ring-[color:var(--sofya-focus-ring-strong)]",
+          className
+        ),
+        ...props,
+        children: [
+          slot.char ?? null,
+          slot.hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-10 w-[2px] animate-pulse rounded-full bg-primary shadow-[var(--sofya-shadow-caret-glow)]" }) }) : null
+        ]
+      }
+    );
+  }
+);
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "div",
+    {
+      ref,
+      role: "separator",
+      className: cn(
+        "flex items-center justify-center px-2 text-[28px] leading-none text-[color:var(--sofya-text-soft)]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "." })
+    }
+  );
+});
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/input.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var inputVariantOptions = [
+  "default",
+  "search",
+  "otp",
+  "upload"
+];
+var Input = React17.forwardRef((props, ref) => {
+  const generatedId = React17.useId();
   const resolvedId = props.id ?? generatedId;
   const variant = props.variant ?? "default";
   if (variant === "otp") {
@@ -2966,7 +2923,7 @@ var Input = React13.forwardRef((props, ref) => {
     );
     const hasTrailingGroup = resolvedSplitIndex < resolvedLength;
     const otpAriaLabel = otpProps["aria-label"] ?? "Verification code";
-    const otpControl = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    const otpControl = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       InputOTP,
       {
         ref,
@@ -2979,7 +2936,7 @@ var Input = React13.forwardRef((props, ref) => {
         containerClassName: className2,
         ...otpProps,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from({ length: resolvedSplitIndex }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from({ length: resolvedSplitIndex }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             InputOTPSlot,
             {
               className: otpSlotClassName,
@@ -2987,10 +2944,10 @@ var Input = React13.forwardRef((props, ref) => {
             },
             `otp-leading-${index}`
           )) }),
-          hasTrailingGroup ? otpSeparator ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(InputOTPSeparator, { className: otpSeparatorClassName }) : null,
-          hasTrailingGroup ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from(
+          hasTrailingGroup ? otpSeparator ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPSeparator, { className: otpSeparatorClassName }) : null,
+          hasTrailingGroup ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from(
             { length: resolvedLength - resolvedSplitIndex },
-            (_, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            (_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               InputOTPSlot,
               {
                 className: otpSlotClassName,
@@ -3002,12 +2959,12 @@ var Input = React13.forwardRef((props, ref) => {
         ]
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      InputShell,
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      FieldShell,
       {
         containerClassName: containerClassName2,
         control: otpControl,
-        resolvedId
+        labelHtmlFor: resolvedId
       }
     );
   }
@@ -3021,7 +2978,7 @@ var Input = React13.forwardRef((props, ref) => {
       variant: _variant2,
       ...uploadProps
     } = props;
-    const uploadControl = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    const uploadControl = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       UploadInputControl,
       {
         ...uploadProps,
@@ -3029,14 +2986,28 @@ var Input = React13.forwardRef((props, ref) => {
         resolvedId
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      UploadInputShell,
+    const uploadLabel = label2 || uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      renderTextContent(label2, {
+        as: "span",
+        className: "text-[color:var(--sofya-text-default)]",
+        size: "body",
+        style: {
+          fontWeight: 700
+        }
+      }),
+      uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ml-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(uploadOptionalLabel, {
+        as: "span",
+        className: "text-[color:var(--sofya-text-subtle)]",
+        size: "tiny"
+      }) }) : null
+    ] }) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      FieldShell,
       {
         containerClassName: containerClassName2,
         control: uploadControl,
-        label: label2,
-        labelClassName: labelClassName2,
-        optionalLabel: uploadOptionalLabel
+        label: uploadLabel,
+        labelClassName: labelClassName2
       }
     );
   }
@@ -3053,8 +3024,8 @@ var Input = React13.forwardRef((props, ref) => {
   const isSearch = variant === "search";
   const resolvedType = type ?? (isSearch ? "search" : void 0);
   const ariaLabel = nativeProps["aria-label"] ?? (typeof label === "string" ? label : isSearch ? "Search" : void 0);
-  const nativeControl = isSearch ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex h-[88px] w-full items-center gap-6 rounded-full border border-[color:var(--sofya-border-strong)] bg-card px-8 shadow-none transition-[border-color,box-shadow,background-color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] hover:ring-2 hover:ring-[color:var(--sofya-focus-ring-soft)] focus-within:border-transparent focus-within:ring-2 focus-within:ring-[color:var(--sofya-focus-ring-soft)] has-[:active]:border-transparent has-[:active]:ring-2 has-[:active]:ring-[color:var(--sofya-focus-ring-soft)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const nativeControl = isSearch ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex h-[88px] w-full items-center gap-6 rounded-full border border-[color:var(--sofya-border-strong)] bg-card px-8 shadow-none transition-[border-color,box-shadow,background-color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] hover:ring-2 hover:ring-[color:var(--sofya-focus-ring-soft)] focus-within:border-transparent focus-within:ring-2 focus-within:ring-[color:var(--sofya-focus-ring-soft)] has-[:active]:border-transparent has-[:active]:ring-2 has-[:active]:ring-[color:var(--sofya-focus-ring-soft)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Icon,
       {
         "aria-hidden": "true",
@@ -3063,7 +3034,7 @@ var Input = React13.forwardRef((props, ref) => {
         size: 32
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "input",
       {
         id: resolvedId,
@@ -3079,7 +3050,7 @@ var Input = React13.forwardRef((props, ref) => {
         placeholder: nativeProps.placeholder ?? "Search"
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "input",
     {
       id: resolvedId,
@@ -3093,25 +3064,25 @@ var Input = React13.forwardRef((props, ref) => {
       "aria-label": ariaLabel
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    InputShell,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    FieldShell,
     {
       containerClassName,
       control: nativeControl,
       label: isSearch ? void 0 : label,
       labelClassName: isSearch ? void 0 : labelClassName,
-      resolvedId
+      labelHtmlFor: isSearch ? void 0 : resolvedId
     }
   );
 });
 Input.displayName = "Input";
 
 // src/components/label.tsx
-var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Label = React14.forwardRef(
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Label = React18.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "label",
       {
         ref,
@@ -3135,10 +3106,10 @@ var Label = React14.forwardRef(
 Label.displayName = "Label";
 
 // src/components/link.tsx
-var React15 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority6.cva)(
   "inline bg-[linear-gradient(currentColor,currentColor)] bg-[position:0_100%] bg-no-repeat pb-0 text-primary no-underline transition-[color,background-size,box-shadow] duration-sofya ease-sofya hover:text-[color:var(--sofya-link-hover)] focus-visible:rounded-[4px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0",
   {
@@ -3153,9 +3124,9 @@ var linkVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Link = React15.forwardRef(function Link2({ asChild = false, children, className, variant = "default", ...props }, ref) {
+var Link = React19.forwardRef(function Link2({ asChild = false, children, className, variant = "default", ...props }, ref) {
   const Component = asChild ? import_react_slot3.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Component,
     {
       ref,
@@ -3173,7 +3144,7 @@ var Link = React15.forwardRef(function Link2({ asChild = false, children, classN
 Link.displayName = "Link";
 
 // src/components/logo.tsx
-var React16 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 
 // src/components/logo-data.ts
 var logoAssets = {
@@ -3270,7 +3241,7 @@ var logoAssets = {
 };
 
 // src/components/logo.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var logoVariants = ["mono", "default", "text", "full"];
 var logoSizeOptions = ["sm", "md", "lg", "xl", "2xl"];
 var logoSizeScale = {
@@ -3306,7 +3277,7 @@ function resolveLogoDimensions(variant, size, width, height) {
     height: resolvedHeight
   };
 }
-var Logo = React16.forwardRef(function Logo2({
+var Logo = React20.forwardRef(function Logo2({
   variant = "full",
   size = "lg",
   width,
@@ -3317,10 +3288,10 @@ var Logo = React16.forwardRef(function Logo2({
   ...props
 }, ref) {
   const asset = logoAssets[variant];
-  const titleId = React16.useId();
+  const titleId = React20.useId();
   const dimensions = resolveLogoDimensions(variant, size, width, height);
   const monoFill = variant === "mono" ? monoColor ?? "currentColor" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "svg",
     {
       ref,
@@ -3335,8 +3306,8 @@ var Logo = React16.forwardRef(function Logo2({
       focusable: "false",
       ...props,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { id: titleId, children: title }) : null,
-        asset.paths.map((path, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { id: titleId, children: title }) : null,
+        asset.paths.map((path, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "path",
           {
             d: path.d,
@@ -3353,10 +3324,12 @@ var Logo = React16.forwardRef(function Logo2({
 Logo.displayName = "Logo";
 
 // src/components/pagination.tsx
+var import_icons_react5 = require("@tabler/icons-react");
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var inheritTypographyStyle = {
+
+// src/lib/inherited-typography.ts
+var inheritedTypographyStyle = {
   color: "inherit",
   fontFamily: "inherit",
   fontSize: "inherit",
@@ -3364,6 +3337,9 @@ var inheritTypographyStyle = {
   letterSpacing: "inherit",
   lineHeight: "inherit"
 };
+
+// src/components/pagination.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var paginationLinkVariants = (0, import_class_variance_authority7.cva)(
   "inline-flex h-10 min-w-10 items-center justify-center rounded-full border border-transparent px-4 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] font-medium leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-soft)] no-underline transition-[transform,background-color,border-color,color,box-shadow] duration-sofya ease-sofya motion-safe:active:scale-[0.985] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0",
   {
@@ -3384,7 +3360,7 @@ var paginationLinkVariants = (0, import_class_variance_authority7.cva)(
   }
 );
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "nav",
     {
       "aria-label": "Pagination",
@@ -3397,7 +3373,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "ul",
     {
       className: cn(
@@ -3409,7 +3385,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: cn("list-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: cn("list-none", className), ...props });
 }
 function PaginationLink({
   asChild = false,
@@ -3419,7 +3395,7 @@ function PaginationLink({
   ...props
 }) {
   const Component = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Component,
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3429,67 +3405,29 @@ function PaginationLink({
   );
 }
 function PaginationChevronLeft() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: "h-4 w-4",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        "path",
-        {
-          d: "M9.5 3.5L5 8L9.5 12.5",
-          stroke: "currentColor",
-          strokeWidth: "1.75",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_react5.IconChevronLeft, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
 }
 function PaginationChevronRight() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: "h-4 w-4",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        "path",
-        {
-          d: "M6.5 3.5L11 8L6.5 12.5",
-          stroke: "currentColor",
-          strokeWidth: "1.75",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_react5.IconChevronRight, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
 }
 function PaginationPrevious({
   className,
   text = "Previous",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       className: cn("gap-2 px-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PaginationChevronLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PaginationChevronLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
           as: "span",
           className: "block text-inherit",
           size: "body",
-          style: inheritTypographyStyle
+          style: inheritedTypographyStyle
         }) })
       ]
     }
@@ -3500,20 +3438,20 @@ function PaginationNext({
   text = "Next",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       className: cn("gap-2 px-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
           as: "span",
           className: "block text-inherit",
           size: "body",
-          style: inheritTypographyStyle
+          style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PaginationChevronRight, {})
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PaginationChevronRight, {})
       ]
     }
   );
@@ -3522,7 +3460,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "span",
     {
       "aria-hidden": "true",
@@ -3532,35 +3470,35 @@ function PaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: renderTextContent("...", {
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: renderTextContent("...", {
           as: "span",
           className: "block text-inherit",
           size: "h5",
-          style: inheritTypographyStyle
+          style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/popover.tsx
-var React17 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverClose = PopoverPrimitive.Close;
-var PopoverContent = React17.forwardRef(function PopoverContent2({
+var PopoverContent = React21.forwardRef(function PopoverContent2({
   align = "center",
   className,
   collisionPadding = 8,
   sideOffset = 8,
   ...props
 }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     PopoverPrimitive.Content,
     {
       ref,
@@ -3577,8 +3515,8 @@ var PopoverContent = React17.forwardRef(function PopoverContent2({
   ) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var PopoverTitle = React17.forwardRef(function PopoverTitle2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var PopoverTitle = React21.forwardRef(function PopoverTitle2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "h4",
     {
       ref,
@@ -3594,8 +3532,8 @@ var PopoverTitle = React17.forwardRef(function PopoverTitle2({ children, classNa
   );
 });
 PopoverTitle.displayName = "PopoverTitle";
-var PopoverDescription = React17.forwardRef(function PopoverDescription2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var PopoverDescription = React21.forwardRef(function PopoverDescription2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "p",
     {
       ref,
@@ -3613,9 +3551,9 @@ var PopoverDescription = React17.forwardRef(function PopoverDescription2({ child
 PopoverDescription.displayName = "PopoverDescription";
 
 // src/components/progress.tsx
-var React18 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var progressSizeOptions = ["sm", "default", "lg"];
 function clampProgressValue(value, max) {
   if (Number.isNaN(value)) {
@@ -3623,7 +3561,7 @@ function clampProgressValue(value, max) {
   }
   return Math.min(Math.max(value, 0), max);
 }
-var Progress = React18.forwardRef(function Progress2({
+var Progress = React22.forwardRef(function Progress2({
   className,
   indicatorClassName,
   max = 100,
@@ -3634,7 +3572,7 @@ var Progress = React18.forwardRef(function Progress2({
   const safeMax = max > 0 ? max : 100;
   const resolvedValue = typeof value === "number" ? clampProgressValue(value, safeMax) : null;
   const progressScale = resolvedValue === null ? void 0 : Number((resolvedValue / safeMax).toFixed(4));
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     ProgressPrimitive.Root,
     {
       ref,
@@ -3647,7 +3585,7 @@ var Progress = React18.forwardRef(function Progress2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3664,12 +3602,12 @@ var Progress = React18.forwardRef(function Progress2({
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-var React19 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var radioGroupOrientationOptions = ["horizontal", "vertical"];
-var RadioGroup2 = React19.forwardRef(function RadioGroup3({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var RadioGroup2 = React23.forwardRef(function RadioGroup3({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     RadioGroupPrimitive.Root,
     {
       ref,
@@ -3683,7 +3621,7 @@ var RadioGroup2 = React19.forwardRef(function RadioGroup3({ className, ...props
   );
 });
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
+var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
   className,
   controlClassName,
   description,
@@ -3695,22 +3633,21 @@ var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
   labelClassName,
   ...props
 }, ref) {
-  const generatedId = React19.useId();
+  const generatedId = React23.useId();
   const resolvedId = id ?? generatedId;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const descriptionId = description ? `${resolvedId}-description` : void 0;
   const alignClassName = description ? "items-start" : "items-center";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "label",
     {
-      className: cn(
-        "flex w-fit gap-4",
+      className: selectionControlContainerClasses({
         alignClassName,
-        disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        className
-      ),
+        className,
+        disabled
+      }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           RadioGroupPrimitive.Item,
           {
             ref,
@@ -3720,11 +3657,13 @@ var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
             "aria-describedby": descriptionId,
             "data-slot": "radio-group-item",
             className: cn(
-              "peer mt-0 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-[color:var(--sofya-border-strong)] bg-card text-primary-foreground outline-none transition-[background-color,border-color,box-shadow] duration-sofya ease-sofya focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0 data-[state=checked]:border-primary data-[state=checked]:bg-primary aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20 disabled:cursor-not-allowed disabled:opacity-50",
+              "peer mt-0 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-primary-foreground outline-none",
+              selectionControlControlBaseClasses,
+              "focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0 data-[state=checked]:border-primary data-[state=checked]:bg-primary aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20",
               controlClassName
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "span",
               {
                 "data-slot": "radio-group-indicator",
@@ -3736,13 +3675,13 @@ var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
             ) })
           }
         ),
-        label || description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "grid gap-2", children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        label || description ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "span",
             {
               id: labelId,
               className: cn(
-                "text-[color:var(--sofya-text-default)]",
+                selectionControlLabelTextBaseClasses,
                 labelClassName
               ),
               children: renderTextContent(label, {
@@ -3752,11 +3691,14 @@ var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
               })
             }
           ) : null,
-          description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          description ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "span",
             {
               id: descriptionId,
-              className: cn("text-muted-foreground", descriptionClassName),
+              className: cn(
+                selectionControlDescriptionTextBaseClasses,
+                descriptionClassName
+              ),
               children: renderTextContent(description, {
                 as: "span",
                 className: "text-muted-foreground",
@@ -3772,12 +3714,12 @@ var RadioGroupItem = React19.forwardRef(function RadioGroupItem2({
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/scroll-area.tsx
-var React20 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var scrollAreaOrientationOptions = ["horizontal", "vertical"];
-var ScrollArea = React20.forwardRef(function ScrollArea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var ScrollArea = React24.forwardRef(function ScrollArea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -3788,8 +3730,8 @@ var ScrollArea = React20.forwardRef(function ScrollArea2({ className, ...props }
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollAreaViewport = React20.forwardRef(function ScrollAreaViewport2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var ScrollAreaViewport = React24.forwardRef(function ScrollAreaViewport2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ScrollAreaPrimitive.Viewport,
     {
       ref,
@@ -3803,8 +3745,8 @@ var ScrollAreaViewport = React20.forwardRef(function ScrollAreaViewport2({ class
   );
 });
 ScrollAreaViewport.displayName = ScrollAreaPrimitive.Viewport.displayName;
-var ScrollAreaScrollbar = React20.forwardRef(function ScrollAreaScrollbar2({ className, orientation = "vertical", thumbClassName, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var ScrollAreaScrollbar = React24.forwardRef(function ScrollAreaScrollbar2({ className, orientation = "vertical", thumbClassName, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ScrollAreaPrimitive.Scrollbar,
     {
       ref,
@@ -3815,7 +3757,7 @@ var ScrollAreaScrollbar = React20.forwardRef(function ScrollAreaScrollbar2({ cla
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         ScrollAreaPrimitive.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3829,8 +3771,8 @@ var ScrollAreaScrollbar = React20.forwardRef(function ScrollAreaScrollbar2({ cla
   );
 });
 ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
-var ScrollAreaCorner = React20.forwardRef(function ScrollAreaCorner2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var ScrollAreaCorner = React24.forwardRef(function ScrollAreaCorner2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ScrollAreaPrimitive.Corner,
     {
       ref,
@@ -3843,22 +3785,19 @@ var ScrollAreaCorner = React20.forwardRef(function ScrollAreaCorner2({ className
 ScrollAreaCorner.displayName = ScrollAreaPrimitive.Corner.displayName;
 
 // src/components/select.tsx
-var React21 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var inheritTypographyStyle2 = {
-  color: "inherit",
-  fontFamily: "inherit",
-  fontSize: "inherit",
-  fontWeight: "inherit",
-  letterSpacing: "inherit",
-  lineHeight: "inherit"
-};
+
+// src/lib/form-control-classes.ts
+var formControlBaseClasses = "flex w-full items-center justify-between gap-4 rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 text-left [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-transparent active:ring-2 active:ring-[color:var(--sofya-focus-ring-soft)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus:ring-destructive/20 data-[placeholder]:text-[color:var(--sofya-text-placeholder)]";
+
+// src/components/select.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var selectSizeOptions = ["default", "sm"];
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
-var SelectValue = React21.forwardRef(function SelectValue2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var SelectValue = React25.forwardRef(function SelectValue2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Text,
     {
       ref,
@@ -3866,34 +3805,28 @@ var SelectValue = React21.forwardRef(function SelectValue2({ className, ...props
       "data-slot": "select-value",
       className: cn("block truncate text-inherit", className),
       size: "body",
-      style: {
-        fontFamily: "inherit",
-        fontSize: "inherit",
-        fontWeight: "inherit",
-        lineHeight: "inherit",
-        letterSpacing: "inherit",
-        color: "inherit"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Value, { className: "block truncate", ...props })
+      style: inheritedTypographyStyle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Value, { className: "block truncate", ...props })
     }
   );
 });
 SelectValue.displayName = SelectPrimitive.Value.displayName;
-var SelectTrigger = React21.forwardRef(function SelectTrigger2({ className, children, size = "default", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var SelectTrigger = React25.forwardRef(function SelectTrigger2({ className, children, size = "default", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     SelectPrimitive.Trigger,
     {
       ref,
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "flex w-full items-center justify-between gap-4 rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 text-left [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-transparent active:ring-2 active:ring-[color:var(--sofya-focus-ring-soft)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus:ring-destructive/20 data-[placeholder]:text-[color:var(--sofya-text-placeholder)] data-[size=default]:h-10 data-[size=default]:py-2 data-[size=sm]:h-9 data-[size=sm]:px-2 data-[size=sm]:text-[14px] data-[size=sm]:leading-5 [&>span]:line-clamp-1 [&>span]:flex-1",
+        formControlBaseClasses,
+        "data-[size=default]:h-10 data-[size=default]:py-2 data-[size=sm]:h-9 data-[size=sm]:px-2 data-[size=sm]:text-[14px] data-[size=sm]:leading-5 [&>span]:line-clamp-1 [&>span]:flex-1",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Icon,
           {
             name: "caret-down",
@@ -3906,8 +3839,8 @@ var SelectTrigger = React21.forwardRef(function SelectTrigger2({ className, chil
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React21.forwardRef(function SelectScrollUpButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var SelectScrollUpButton = React25.forwardRef(function SelectScrollUpButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     SelectPrimitive.ScrollUpButton,
     {
       ref,
@@ -3917,13 +3850,13 @@ var SelectScrollUpButton = React21.forwardRef(function SelectScrollUpButton2({ c
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { name: "caret-up", size: 12 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "caret-up", size: 12 })
     }
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React21.forwardRef(function SelectScrollDownButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var SelectScrollDownButton = React25.forwardRef(function SelectScrollDownButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     SelectPrimitive.ScrollDownButton,
     {
       ref,
@@ -3933,13 +3866,13 @@ var SelectScrollDownButton = React21.forwardRef(function SelectScrollDownButton2
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { name: "caret-down", size: 12 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "caret-down", size: 12 })
     }
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React21.forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var SelectContent = React25.forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     SelectPrimitive.Content,
     {
       ref,
@@ -3952,8 +3885,8 @@ var SelectContent = React21.forwardRef(function SelectContent2({ className, chil
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           SelectPrimitive.Viewport,
           {
             "data-slot": "select-viewport",
@@ -3961,14 +3894,14 @@ var SelectContent = React21.forwardRef(function SelectContent2({ className, chil
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React21.forwardRef(function SelectLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var SelectLabel = React25.forwardRef(function SelectLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     SelectPrimitive.Label,
     {
       ref,
@@ -3990,8 +3923,8 @@ var SelectLabel = React21.forwardRef(function SelectLabel2({ className, ...props
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React21.forwardRef(function SelectItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var SelectItem = React25.forwardRef(function SelectItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     SelectPrimitive.Item,
     {
       ref,
@@ -4002,20 +3935,20 @@ var SelectItem = React21.forwardRef(function SelectItem2({ className, children,
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemText, { className: "truncate", children: renderTextContent(children, {
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.ItemText, { className: "truncate", children: renderTextContent(children, {
           as: "span",
           className: "block truncate text-[color:var(--sofya-text-default)]",
           size: "body",
-          style: inheritTypographyStyle2
+          style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute right-4 inline-flex h-4 w-4 items-center justify-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { name: "check", size: 14 }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.ItemIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute right-4 inline-flex h-4 w-4 items-center justify-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "check", size: 14 }) }) })
       ]
     }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React21.forwardRef(function SelectSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var SelectSeparator = React25.forwardRef(function SelectSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     SelectPrimitive.Separator,
     {
       ref,
@@ -4028,11 +3961,11 @@ var SelectSeparator = React21.forwardRef(function SelectSeparator2({ className,
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
-var React22 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Separator2 = React22.forwardRef(function Separator3({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Separator2 = React26.forwardRef(function Separator3({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -4051,8 +3984,8 @@ var Separator2 = React22.forwardRef(function Separator3({ className, decorative
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/slider.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function clampSliderValue(value, min, max) {
   if (Number.isNaN(value)) {
     return min;
@@ -4077,7 +4010,7 @@ function resolveSliderMeasurement(value, fallback) {
 function isTextValue(value) {
   return typeof value === "string" || typeof value === "number";
 }
-var Slider = React23.forwardRef(function Slider2({
+var Slider = React27.forwardRef(function Slider2({
   className,
   defaultValue,
   formatValue,
@@ -4100,23 +4033,28 @@ var Slider = React23.forwardRef(function Slider2({
   valueClassName,
   ...props
 }, ref) {
-  const resolvedId = React23.useId();
+  const resolvedId = React27.useId();
   const inputId = id ?? resolvedId;
   const safeMin = min;
   const safeMax = resolveSliderMax(safeMin, max);
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React23.useState(
-    () => clampSliderValue(defaultValue ?? safeMin, safeMin, safeMax)
-  );
-  React23.useEffect(() => {
-    if (isControlled) {
+  const [controllableValue, setControllableValue, setUncontrolledValue] = useControllableState({
+    defaultValue: clampSliderValue(defaultValue ?? safeMin, safeMin, safeMax),
+    onChange: onValueChange,
+    value
+  });
+  React27.useEffect(() => {
+    if (value !== void 0) {
       return;
     }
-    setInternalValue(
-      (currentValue2) => clampSliderValue(currentValue2, safeMin, safeMax)
+    setUncontrolledValue(
+      (currentValue2) => clampSliderValue(currentValue2 ?? safeMin, safeMin, safeMax)
     );
-  }, [isControlled, safeMax, safeMin]);
-  const currentValue = isControlled ? clampSliderValue(value ?? safeMin, safeMin, safeMax) : internalValue;
+  }, [safeMax, safeMin, setUncontrolledValue, value]);
+  const currentValue = clampSliderValue(
+    controllableValue ?? safeMin,
+    safeMin,
+    safeMax
+  );
   const valueRatio = safeMax === safeMin ? 0 : (currentValue - safeMin) / (safeMax - safeMin);
   const valuePercentage = valueRatio * 100;
   const formattedValue = formatValue?.(currentValue) ?? currentValue.toString();
@@ -4148,38 +4086,29 @@ var Slider = React23.forwardRef(function Slider2({
       safeMin,
       safeMax
     );
-    if (!isControlled) {
-      setInternalValue(nextValue);
-    }
+    setControllableValue(nextValue);
     onChange?.(event);
-    onValueChange?.(nextValue);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
       "data-slot": "slider",
       className: cn("grid w-full gap-2", className),
       children: [
-        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            "label",
+        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            FieldLabel,
             {
               htmlFor: inputId,
               className: cn(
-                "min-w-0 text-[color:var(--sofya-text-default)]",
+                "min-w-0",
                 labelClassName
               ),
-              children: renderTextContent(label, {
-                as: "span",
-                className: "block text-[color:var(--sofya-text-default)]",
-                size: "body",
-                style: {
-                  fontWeight: 500
-                }
-              })
+              textClassName: "block min-w-0 text-[color:var(--sofya-text-default)]",
+              children: label
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {}),
-          showValue ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", {}),
+          showValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "div",
             {
               className: cn(
@@ -4197,7 +4126,7 @@ var Slider = React23.forwardRef(function Slider2({
             }
           ) : null
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "div",
           {
             "data-slot": "slider-control",
@@ -4207,7 +4136,7 @@ var Slider = React23.forwardRef(function Slider2({
             ),
             style: controlStyle,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "input",
                 {
                   ...props,
@@ -4224,7 +4153,7 @@ var Slider = React23.forwardRef(function Slider2({
                   style: inputBoundsStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "div",
                 {
                   "data-slot": "slider-track",
@@ -4235,7 +4164,7 @@ var Slider = React23.forwardRef(function Slider2({
                   style: trackBoundsStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "div",
                 {
                   "data-slot": "slider-range",
@@ -4246,7 +4175,7 @@ var Slider = React23.forwardRef(function Slider2({
                   style: rangeStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "div",
                 {
                   "data-slot": "slider-thumb",
@@ -4267,10 +4196,10 @@ var Slider = React23.forwardRef(function Slider2({
 Slider.displayName = "Slider";
 
 // src/components/skeleton.tsx
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Skeleton = React24.forwardRef(function Skeleton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var React28 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Skeleton = React28.forwardRef(function Skeleton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref,
@@ -4285,15 +4214,15 @@ var Skeleton = React24.forwardRef(function Skeleton2({ className, ...props }, re
 Skeleton.displayName = "Skeleton";
 
 // src/components/sonner.tsx
-var React25 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var import_sonner = require("sonner");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var notificationVariantOptions = ["default", "success", "error", "warning"];
 function ToastStatusIcon({
   iconName,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -4301,7 +4230,7 @@ function ToastStatusIcon({
         "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full border shadow-sofya-sm",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: iconName, size: 16 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: iconName, size: 16 })
     }
   );
 }
@@ -4322,35 +4251,35 @@ var defaultToastClassNames = {
   loading: "border-border bg-card text-foreground"
 };
 var defaultToastIcons = {
-  success: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  success: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     ToastStatusIcon,
     {
       iconName: "check",
       className: "border-success/15 bg-success/12 text-success"
     }
   ),
-  error: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  error: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     ToastStatusIcon,
     {
       iconName: "x",
       className: "border-destructive/15 bg-destructive/12 text-destructive"
     }
   ),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  warning: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     ToastStatusIcon,
     {
       iconName: "question",
       className: "border-warning/20 bg-warning/15 text-foreground"
     }
   ),
-  info: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  info: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     ToastStatusIcon,
     {
       iconName: "question",
       className: "border-primary/15 bg-primary/10 text-primary"
     }
   ),
-  close: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "x", size: 12 })
+  close: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: "x", size: 12 })
 };
 function mergeToastClassNames(overrides) {
   return {
@@ -4358,7 +4287,7 @@ function mergeToastClassNames(overrides) {
     ...overrides
   };
 }
-var Toaster = React25.forwardRef(
+var Toaster = React29.forwardRef(
   function Toaster2({
     className,
     closeButton = true,
@@ -4370,7 +4299,7 @@ var Toaster = React25.forwardRef(
     visibleToasts = 5,
     ...props
   }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       import_sonner.Toaster,
       {
         ref,
@@ -4400,10 +4329,11 @@ var Toaster = React25.forwardRef(
 Toaster.displayName = "Toaster";
 
 // src/components/spinner.tsx
-var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var React30 = __toESM(require("react"), 1);
+var import_icons_react6 = require("@tabler/icons-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var spinnerSizeOptions = ["sm", "default", "lg"];
-var Spinner = React26.forwardRef(function Spinner2({
+var Spinner = React30.forwardRef(function Spinner2({
   "aria-label": ariaLabelProp,
   "aria-labelledby": ariaLabelledby,
   className,
@@ -4412,15 +4342,12 @@ var Spinner = React26.forwardRef(function Spinner2({
   ...props
 }, ref) {
   const ariaLabel = ariaLabelProp ?? (ariaLabelledby ? void 0 : "Loading");
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    "svg",
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_icons_react6.IconLoader2,
     {
       ref,
       "data-size": size,
       "data-slot": "spinner",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
@@ -4428,30 +4355,18 @@ var Spinner = React26.forwardRef(function Spinner2({
         "shrink-0 animate-spin text-primary data-[size=sm]:h-3.5 data-[size=sm]:w-3.5 data-[size=default]:h-4 data-[size=default]:w-4 data-[size=lg]:h-6 data-[size=lg]:w-6",
         className
       ),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("circle", { cx: "12", cy: "12", r: "9", className: "opacity-20", stroke: "currentColor", strokeWidth: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "path",
-          {
-            d: "M21 12A9 9 0 0 0 12 3",
-            stroke: "currentColor",
-            strokeWidth: "3",
-            strokeLinecap: "round"
-          }
-        )
-      ]
+      ...props
     }
   );
 });
 Spinner.displayName = "Spinner";
 
 // src/components/switch.tsx
-var React27 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Switch = React27.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Switch = React31.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     SwitchPrimitives.Root,
     {
       className: cn(
@@ -4460,7 +4375,7 @@ var Switch = React27.forwardRef(({ className, ...props }, ref) => {
       ),
       ...props,
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-sm ring-0 transition-transform duration-sofya ease-sofya data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
@@ -4473,8 +4388,8 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
-var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var tableCellVariantOptions = ["default", "primary", "muted"];
 var tableStatusToneOptions = [
   "active",
@@ -4524,21 +4439,13 @@ var tableActionButtonVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var inheritedTextStyle = {
-  fontFamily: "inherit",
-  fontSize: "inherit",
-  fontWeight: "inherit",
-  lineHeight: "inherit",
-  letterSpacing: "inherit",
-  color: "inherit"
-};
-var Table = React28.forwardRef(function Table2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var Table = React32.forwardRef(function Table2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -4553,8 +4460,8 @@ var Table = React28.forwardRef(function Table2({ className, ...props }, ref) {
     }
   );
 });
-var TableHeader = React28.forwardRef(function TableHeader2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableHeader = React32.forwardRef(function TableHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -4567,8 +4474,8 @@ var TableHeader = React28.forwardRef(function TableHeader2({ className, ...props
     }
   );
 });
-var TableBody = React28.forwardRef(function TableBody2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableBody = React32.forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4578,8 +4485,8 @@ var TableBody = React28.forwardRef(function TableBody2({ className, ...props },
     }
   );
 });
-var TableFooter = React28.forwardRef(function TableFooter2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableFooter = React32.forwardRef(function TableFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4592,8 +4499,8 @@ var TableFooter = React28.forwardRef(function TableFooter2({ className, ...props
     }
   );
 });
-var TableRow = React28.forwardRef(function TableRow2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableRow = React32.forwardRef(function TableRow2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -4606,8 +4513,8 @@ var TableRow = React28.forwardRef(function TableRow2({ className, ...props }, re
     }
   );
 });
-var TableHead = React28.forwardRef(function TableHead2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableHead = React32.forwardRef(function TableHead2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -4621,14 +4528,14 @@ var TableHead = React28.forwardRef(function TableHead2({ className, children, ..
         as: "span",
         className: "inline-flex items-center gap-2 text-inherit",
         size: "tiny",
-        style: inheritedTextStyle
+        style: inheritedTypographyStyle
       })
     }
   );
 });
-var TableCell = React28.forwardRef(
+var TableCell = React32.forwardRef(
   function TableCell2({ className, variant, children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "td",
       {
         "data-slot": "table-cell",
@@ -4639,14 +4546,14 @@ var TableCell = React28.forwardRef(
           as: "span",
           className: "block text-inherit [&_svg]:h-[1em] [&_svg]:w-[1em] [&_svg]:shrink-0",
           size: "body",
-          style: inheritedTextStyle
+          style: inheritedTypographyStyle
         })
       }
     );
   }
 );
-var TableCaption = React28.forwardRef(function TableCaption2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableCaption = React32.forwardRef(function TableCaption2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4660,7 +4567,7 @@ var TableCaption = React28.forwardRef(function TableCaption2({ className, childr
         as: "span",
         className: "block text-inherit",
         size: "body",
-        style: inheritedTextStyle
+        style: inheritedTypographyStyle
       })
     }
   );
@@ -4671,7 +4578,7 @@ function TableStatusBadge({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Badge,
     {
       variant: "pill",
@@ -4681,13 +4588,13 @@ function TableStatusBadge({
         as: "span",
         className: "inline-flex items-center gap-2 text-inherit [&_svg]:h-[1em] [&_svg]:w-[1em] [&_svg]:shrink-0",
         size: "tiny",
-        style: inheritedTextStyle
+        style: inheritedTypographyStyle
       })
     }
   );
 }
-var TableActionButton = React28.forwardRef(function TableActionButton2({ className, tone, type = "button", children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableActionButton = React32.forwardRef(function TableActionButton2({ className, tone, type = "button", children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Button,
     {
       ref,
@@ -4700,13 +4607,13 @@ var TableActionButton = React28.forwardRef(function TableActionButton2({ classNa
         as: "span",
         className: "inline-flex items-center justify-center text-inherit [&_svg]:h-[1em] [&_svg]:w-[1em] [&_svg]:shrink-0",
         size: "body",
-        style: inheritedTextStyle
+        style: inheritedTypographyStyle
       })
     }
   );
 });
-var TableActions = React28.forwardRef(function TableActions2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableActions = React32.forwardRef(function TableActions2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       ref,
@@ -4727,10 +4634,10 @@ TableActionButton.displayName = "TableActionButton";
 TableActions.displayName = "TableActions";
 
 // src/components/tabs.tsx
-var React29 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_react3 = require("motion/react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function resolveDefaultValue(items, defaultValue) {
   if (defaultValue) {
     return defaultValue;
@@ -4749,33 +4656,26 @@ function Tabs({
   ...props
 }) {
   const resolvedDefaultValue = resolveDefaultValue(items, defaultValue);
-  const isControlled = value !== void 0;
-  const [selectedValue, setSelectedValue] = React29.useState(resolvedDefaultValue);
-  const indicatorLayoutId = React29.useId();
-  const currentValue = isControlled ? value : selectedValue;
-  React29.useEffect(() => {
-    if (!isControlled) {
-      setSelectedValue(resolvedDefaultValue);
+  const [currentValue, setCurrentValue, setUncontrolledCurrentValue] = useControllableState({
+    defaultValue: resolvedDefaultValue,
+    onChange: onValueChange,
+    value
+  });
+  const indicatorLayoutId = React33.useId();
+  React33.useEffect(() => {
+    if (value === void 0) {
+      setUncontrolledCurrentValue(resolvedDefaultValue);
     }
-  }, [isControlled, resolvedDefaultValue]);
-  const handleValueChange = React29.useCallback(
-    (nextValue) => {
-      if (!isControlled) {
-        setSelectedValue(nextValue);
-      }
-      onValueChange?.(nextValue);
-    },
-    [isControlled, onValueChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  }, [resolvedDefaultValue, setUncontrolledCurrentValue, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     TabsPrimitive.Root,
     {
       className: cn("w-full", className),
-      onValueChange: handleValueChange,
+      onValueChange: setCurrentValue,
       value: currentValue,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           TabsPrimitive.List,
           {
             "aria-label": "Subtelas navegaveis",
@@ -4786,7 +4686,7 @@ function Tabs({
             children: items.map((item) => {
               const isUnavailable = item.disabled || item.loading;
               const isActive = item.value === currentValue;
-              return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                 TabsPrimitive.Trigger,
                 {
                   value: item.value,
@@ -4798,7 +4698,7 @@ function Tabs({
                     item.triggerClassName
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                       import_react3.motion.span,
                       {
                         "aria-hidden": "true",
@@ -4808,15 +4708,15 @@ function Tabs({
                         transition: { duration: 0.25, ease: "easeInOut" }
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "relative z-10 inline-flex items-center gap-2", children: [
-                      item.loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "relative z-10 inline-flex items-center gap-2", children: [
+                      item.loading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-r-transparent"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: renderTextContent(item.label, {
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: renderTextContent(item.label, {
                         as: "span",
                         className: "block text-inherit",
                         size: "h5"
@@ -4830,7 +4730,7 @@ function Tabs({
           }
         ),
         items.map(
-          (item) => item.content !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          (item) => item.content !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             TabsPrimitive.Content,
             {
               value: item.value,
@@ -4853,9 +4753,9 @@ function Tabs({
 Tabs.displayName = "Tabs";
 
 // src/components/textarea.tsx
-var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Textarea = React30.forwardRef(
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Textarea = React34.forwardRef(
   ({
     className,
     containerClassName,
@@ -4865,10 +4765,10 @@ var Textarea = React30.forwardRef(
     rows = 5,
     ...props
   }, ref) => {
-    const generatedId = React30.useId();
+    const generatedId = React34.useId();
     const resolvedId = id ?? generatedId;
     const ariaLabel = props["aria-label"] ?? (typeof label === "string" ? label : void 0);
-    const control = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    const control = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "textarea",
       {
         className: cn(
@@ -4882,43 +4782,29 @@ var Textarea = React30.forwardRef(
         "aria-label": ariaLabel
       }
     );
-    if (!label && !containerClassName) {
-      return control;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-        "label",
-        {
-          className: cn(
-            "text-[color:var(--sofya-text-default)]",
-            labelClassName
-          ),
-          htmlFor: resolvedId,
-          children: renderTextContent(label, {
-            as: "span",
-            className: "block text-[color:var(--sofya-text-default)]",
-            size: "body",
-            style: {
-              fontWeight: 500
-            }
-          })
-        }
-      ) : null,
-      control
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      FieldShell,
+      {
+        control,
+        containerClassName,
+        label,
+        labelClassName,
+        labelHtmlFor: resolvedId
+      }
+    );
   }
 );
 Textarea.displayName = "Textarea";
 
 // src/components/tooltip.tsx
-var React31 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React31.forwardRef(function TooltipContent2({ className, sideOffset = 8, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TooltipContent = React35.forwardRef(function TooltipContent2({ className, sideOffset = 8, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     TooltipPrimitive.Content,
     {
       ref,
@@ -4942,9 +4828,9 @@ var TooltipContent = React31.forwardRef(function TooltipContent2({ className, si
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/theme/provider.tsx
-var React32 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_tokens = require("@sofya-ds/tokens");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var SOFYA_FONT_LINKS = [
   {
     id: "preconnect-googleapis",
@@ -4964,7 +4850,7 @@ var SOFYA_FONT_LINKS = [
   }
 ];
 function useSofyaFontLinks() {
-  React32.useEffect(() => {
+  React36.useEffect(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -4997,7 +4883,7 @@ function SofyaProvider({
   useSofyaFontLinks();
   const theme = (0, import_tokens.createWhitelabelTheme)(overrides ?? {}, preset);
   const cssVariables = (0, import_tokens.themeToCssVariables)(theme);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-sofya-theme": theme.name,
@@ -5141,6 +5027,7 @@ var import_tokens2 = require("@sofya-ds/tokens");
   hexToHslChannels,
   iconColorOptions,
   iconNames,
+  iconSizeMap,
   iconSizeOptions,
   inputVariantOptions,
   isTextContent,