@sveltia/ui 0.30.1 → 0.30.3

package/dist/components/checkbox/checkbox.svelte

@@ -47,7 +47,7 @@
     invalid = false,
     label = undefined,
     'aria-label': ariaLabel,
-    group = $bindable([]),
+    group = $bindable(),
     onChange,
     children,
     checkIcon,
@@ -67,12 +67,14 @@
 
   // Sync `checked` with `group` and `value`
   $effect(() => {
-    if (group.includes(value)) {
-      if (checked !== true) {
-        checked = true;
+    if (Array.isArray(group)) {
+      if (group.includes(value)) {
+        if (checked !== true) {
+          checked = true;
+        }
+      } else if (checked !== false) {
+        checked = false;
       }
-    } else if (checked !== false) {
-      checked = false;
     }
   });
 </script>
@@ -120,12 +122,14 @@
 
         checked = indeterminate ? true : !checked;
 
-        if (checked) {
-          if (!group.includes(value)) {
-            group = [...group, value];
+        if (Array.isArray(group)) {
+          if (checked) {
+            if (!group.includes(value)) {
+              group = [...group, value];
+            }
+          } else if (group.includes(value)) {
+            group = group.filter((v) => v !== value);
           }
-        } else if (group.includes(value)) {
-          group = group.filter((v) => v !== value);
         }
 
         onChange?.(new CustomEvent('Change', { detail: { checked } }));

package/dist/components/radio/radio.svelte

@@ -47,7 +47,7 @@
     value = undefined,
     valueType = undefined,
     label = undefined,
-    group = $bindable(''),
+    group = $bindable(),
     children,
     onChange,
     onSelect,
@@ -65,12 +65,14 @@
 
   // Sync `checked` with `group` and `value`
   $effect(() => {
-    if (group === value) {
-      if (!checked) {
-        checked = true;
+    if (typeof group === 'string') {
+      if (group === value) {
+        if (!checked) {
+          checked = true;
+        }
+      } else if (checked) {
+        checked = false;
       }
-    } else if (checked) {
-      checked = false;
     }
   });
 </script>
@@ -106,7 +108,10 @@
       }
 
       checked = true;
-      group = value;
+
+      if (typeof group === 'string') {
+        group = value;
+      }
     }}
     {onChange}
     {onSelect}

package/dist/components/slider/slider.svelte

@@ -266,9 +266,10 @@
 
     const stepCount = (max - min) / step + 1;
     const stepWidth = barWidth / (stepCount - 1);
+    const emptyArray = Array.from({ length: stepCount });
 
-    valueList = new Array(stepCount).fill(0).map((_, index) => index * step + min, 10);
-    positionList = new Array(stepCount).fill(0).map((_, index) => index * stepWidth);
+    valueList = emptyArray.map((_, index) => index * step + min, 10);
+    positionList = emptyArray.map((_, index) => index * stepWidth);
 
     onValueChange();
   };

package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte

@@ -73,11 +73,11 @@
    * @type {TextEditorInlineType[]}
    */
   const inlineLevelButtons = $derived(
-    unique([
-      ...editorStore.config.enabledButtons.filter((type) =>
+    unique(
+      editorStore.config.enabledButtons.filter((type) =>
         INLINE_BUTTON_TYPES.includes(/** @type {any} */ (type)),
       ),
-    ]),
+    ),
   );
 </script>
 

package/dist/services/group.svelte.js

@@ -294,7 +294,10 @@ class Group {
         );
 
         if (isTarget) {
-          element.click();
+          if (event.type === 'keydown' && element.matches('[role="radio"]')) {
+            element.click();
+          }
+
           element.dispatchEvent(new CustomEvent('Select'));
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.30.1",
+  "version": "0.30.3",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^6.1.1",
-    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/kit": "^2.46.2",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "cspell": "^9.2.1",
@@ -38,6 +38,7 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsdoc": "^57.2.1",
     "eslint-plugin-svelte": "^2.46.1",
+    "oxlint": "^1.20.0",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "prettier": "^3.6.2",
@@ -46,7 +47,7 @@
     "stylelint": "^16.25.0",
     "stylelint-config-recommended-scss": "^16.0.2",
     "stylelint-scss": "^6.12.1",
-    "svelte": "^5.39.9",
+    "svelte": "^5.39.10",
     "svelte-check": "^4.3.2",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
@@ -87,6 +88,7 @@
     "check:svelte": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
     "check:prettier": "prettier --check .",
     "check:eslint": "eslint .",
+    "check:oxlint": "oxlint .",
     "check:stylelint": "stylelint '**/*.{css,scss,svelte}'",
     "test": "vitest run",
     "test:coverage": "vitest --coverage",