now project is multiplatform and correctly working

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Button.kt

@@ -12,7 +12,7 @@ import org.w3c.dom.events.Event
 
 @Composable
 fun DefaultButton(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     disabled: Boolean = false,
     buttonType: UIKitButton.Type = UIKitButton.Type.Default,
     onClick: ((SyntheticMouseEvent) -> Unit)? = null,
@@ -37,14 +37,14 @@ fun DefaultButton(
 @Composable
 fun DefaultButton(
     text: String,
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     disabled: Boolean = false,
     buttonType: UIKitButton.Type = UIKitButton.Type.Default,
     preTextContentAllocator: ContentBuilder<HTMLButtonElement>? = null,
     afterTextContentAllocator: ContentBuilder<HTMLButtonElement>? = null,
     attributesCustomizer: AttrBuilderContext<HTMLButtonElement> = {},
     onClick: ((SyntheticMouseEvent) -> Unit)? = null
-) = DefaultButton(modifiers, disabled = disabled, buttonType = buttonType, onClick = onClick, attributesCustomizer = attributesCustomizer) {
+) = DefaultButton(*modifiers, disabled = disabled, buttonType = buttonType, onClick = onClick, attributesCustomizer = attributesCustomizer) {
     preTextContentAllocator ?.apply { preTextContentAllocator() }
     Text(text)
     afterTextContentAllocator ?.apply { afterTextContentAllocator() }
@@ -53,7 +53,7 @@ fun DefaultButton(
 @Composable
 fun UploadButton(
     text: String,
-    buttonModifiers: Array<UIKitModifier> = emptyArray(),
+    vararg buttonModifiers: UIKitModifier,
     containerModifiers: Array<UIKitModifier> = emptyArray(),
     disabled: Boolean = false,
     buttonType: UIKitButton.Type = UIKitButton.Type.Default,

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Dialog.kt

@@ -26,7 +26,7 @@ private class DialogDisposableEffectResult(
 @Composable
 fun Dialog(
     title: String? = null,
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     hide: (() -> Unit)? = null,
     hidden: (() -> Unit)? = null,
     footerBuilder: (@Composable () -> Unit)? = null,

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Dropdown.kt

@@ -9,7 +9,7 @@ import org.w3c.dom.HTMLDivElement
 
 @Composable
 fun Dropdown(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     toggle: String? = null,
     pos: UIKitDropdown.Position? = null,
     mode: UIKitDropdown.Mode? = null,

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Flex.kt

@@ -8,7 +8,7 @@ import org.w3c.dom.HTMLDivElement
 
 @Composable
 fun Flex(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {},
     filler: @Composable ElementScope<HTMLDivElement>.() -> Unit
 ) {

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Grid.kt

@@ -8,7 +8,7 @@ import org.w3c.dom.HTMLDivElement
 
 @Composable
 fun GridColumn(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {},
     builder: @Composable ElementScope<HTMLDivElement>.() -> Unit
 ) {
@@ -24,7 +24,7 @@ fun GridColumn(
 
 @Composable
 fun Grid(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     masonry: Boolean = false,
     parallax: Int? = null,
     marginClass: String? = null,

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Icon.kt

@@ -204,7 +204,7 @@ sealed class Icon(val name: String) {
 
     @Composable
     operator fun invoke(
-        modifiers: Array<UIKitModifier> = emptyArray(),
+        vararg modifiers: UIKitModifier,
         type: UIKitIconType = UIKitIconType.Default,
         ratio: Float? = null,
         attributesCustomizer: AttrBuilderContext<out HTMLElement> = {},
@@ -228,17 +228,17 @@ sealed class Icon(val name: String) {
 
     @Composable
     fun drawAsButton(
-        modifiers: Array<UIKitModifier> = emptyArray(),
+        vararg modifiers: UIKitModifier,
         ratio: Float? = null,
         attributesCustomizer: AttrBuilderContext<out HTMLElement> = {},
         onClick: ((Event) -> Unit)? = null
-    ) = invoke(modifiers, type = UIKitIconType.Button, ratio = ratio, onClick = onClick, attributesCustomizer = attributesCustomizer)
+    ) = invoke(*modifiers, type = UIKitIconType.Button, ratio = ratio, onClick = onClick, attributesCustomizer = attributesCustomizer)
 
     @Composable
     fun drawAsIcon(
-        modifiers: Array<UIKitModifier> = emptyArray(),
+        vararg modifiers: UIKitModifier,
         ratio: Float? = null,
         attributesCustomizer: AttrBuilderContext<out HTMLElement> = {},
         onClick: ((Event) -> Unit)? = null
-    ) = invoke(modifiers, type = UIKitIconType.Default, ratio = ratio, onClick = onClick, attributesCustomizer = attributesCustomizer)
+    ) = invoke(*modifiers, type = UIKitIconType.Default, ratio = ratio, onClick = onClick, attributesCustomizer = attributesCustomizer)
 }

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Labels.kt

@@ -10,9 +10,9 @@ sealed interface Label {
     val suffix: String
 
     @Composable
-    operator fun invoke(
+    fun draw(
         text: String,
-        modifiers: Array<UIKitModifier> = emptyArray(),
+        vararg modifiers: UIKitModifier,
         attributesCustomizer: AttrBuilderContext<HTMLSpanElement> = {},
     ) = Span(
         {

src/jsMain/kotlin/dev/inmo/jsuikit/elements/List.kt

@@ -12,7 +12,7 @@ import org.w3c.dom.HTMLUListElement
 fun <T> List(
     title: String,
     data: SnapshotStateList<T>,
-    titleModifiers: Array<UIKitModifier> = emptyArray(),
+    vararg titleModifiers: UIKitModifier,
     ulModifiers: Array<UIKitModifier> = emptyArray(),
     besidesTitleAndList: (@Composable () -> Unit)? = null,
     titleCustomizer: AttrBuilderContext<HTMLHeadingElement> = {},

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Nav.kt

@@ -10,7 +10,7 @@ import org.w3c.dom.HTMLUListElement
 
 @Composable
 fun Nav(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     multiple: Boolean? = null,
     collapsible: Boolean? = null,
     animation: UIKitAnimation? = null,
@@ -37,7 +37,7 @@ fun Nav(
 
 @Composable
 fun NavElement(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLLIElement> = {},
     contentAllocator: ContentBuilder<HTMLLIElement>
 ) {

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Navbar.kt

@@ -11,7 +11,7 @@ fun Navbar(
     leftBuilder: NavbarNavBuilder? = null,
     centerBuilder: NavbarNavBuilder? = null,
     rightBuilder: NavbarNavBuilder? = null,
-    navModifiers: Array<UIKitModifier> = emptyArray(),
+    vararg navModifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLElement> = {},
 ) {
     Nav(

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Progress.kt

@@ -10,7 +10,7 @@ import org.w3c.dom.HTMLProgressElement
 @Composable
 fun Progress(
     value: Int,
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     max: Int = 100,
     attributesCustomizer: AttrBuilderContext<HTMLProgressElement> = {}
 ) {

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Spinner.kt

@@ -8,7 +8,7 @@ import org.w3c.dom.HTMLDivElement
 
 @Composable
 fun Spinner(
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     ratio: Float? = null,
     attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {}
 ) {
@@ -23,6 +23,4 @@ fun Spinner(
 }
 
 @Composable
-fun DefaultSpinner() = Spinner(
-    arrayOf(UIKitAlign.Center, UIKitMargin.Small, UIKitText.Alignment.Center)
-)
+fun DefaultSpinner() = Spinner(UIKitAlign.Center, UIKitMargin.Small, UIKitText.Alignment.Center)

src/jsMain/kotlin/dev/inmo/jsuikit/elements/Table.kt

@@ -11,7 +11,7 @@ import org.w3c.dom.HTMLTableElement
 fun <T> DefaultTable(
     heading: List<String>,
     dataList: SnapshotStateList<T>,
-    tableModifiers: Array<UIKitModifier> = emptyArray(),
+    vararg tableModifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLTableElement> = {},
     cellFiller: @Composable (i: Int, t: T) -> Unit
 ) {

src/jsMain/kotlin/dev/inmo/jsuikit/elements/TextField.kt

@@ -14,7 +14,7 @@ fun <T> TextField(
     state: MutableState<T>,
     disabledState: State<Boolean>? = null,
     placeholder: String? = null,
-    modifiers: Array<UIKitModifier> = emptyArray(),
+    vararg modifiers: UIKitModifier,
     attributesCustomizer: AttrBuilderContext<HTMLInputElement> = {},
 ) {
     Input(type) {