3 и 4 взаимосвязаны, я об этом планирую подробнее рассказать

по поводу из коробки в свелт:

если есть компонент Button, в котором определено

<style>
button { ... }
button[disabled] { ... }

и тд

есть возможность в рантайме в зависимости от состояния полностью заменить стили Компонента на какой-то собственный стайлщит?

Снаружи или изнутри?

изнутри

Тогда что значит собственный?

Если изнутри значит он в любом случае захардкожен

ну, полностью переопределеить/доопределить стилизацию компонента, вне зависимости от его реализации (проброса классов и тд)

вот в решадоу это решается из коробки просто, даже если он захардкожен

мы можем проводить эксперименты над любым куском UI

Если бы я ещё понял то это решается))

Наверняка же есть пример какой-то?

ты написал компонент Button, не зная, что с ним вообще собираются делать в дальнейем, как над ним собираются экспериментировать и тд

написал для него какую-то стилизацию, определил ее в компоненте

другая команда решает провести эксперимент, в котором в зависимости от определенного флага в определенной части сервиса этот Button должен иметь вообще другие стили, при этом менять реализацию этого компонента не хочется и не нужно

как это сделать на свелт?

и следующий шаг, когда оказалось, что эксперимент прошел хорошо, вы хотите раскатить эти стили кнопки на 90% аудитории на весь сайт, при этом опять же не изменяя сам код вашего приложения соответственно

Временно или постоянно?

Можно ли обернуть в другой компонент?

временно, в зависимости от флага

одновременно может быть еще с десяток экспериментов и флагов

Просто получается что стили компонента снаружи от него или нет?

В один компонент то можно обернуть?

что значит снаружи? в терминах свелт?

Снаружи это физически снаружи