@intechstudio/grid-uikit 1.20260713.1604 → 1.20260714.912

package/dist/MeltRadio.svelte

@@ -5,6 +5,7 @@
   interface option_t {
     title: string;
     value: string | boolean | number; // melt uses string values internally
+    disabled?: boolean; // per-option disable; defaults to enabled
   }
 
   export let options: option_t[];
@@ -70,34 +71,41 @@
     <!-- Convert value to string in case it was originally boolean -->
     {@const value = option.value.toString()}
     {@const title = option.title}
+    <!-- Option is disabled if the group is disabled or the option opts in -->
+    {@const optionDisabled = disabled || option.disabled === true}
     <label
       class:horizontal-padding={style !== "button"}
-      class:disabled
+      class:disabled={optionDisabled}
       class="row"
     >
       {#if style === "radio"}
-        <button {...$item(value)} use:item id={title} class:disabled>
-          <div class="style-radio" class:disabled>
+        <button
+          {...$item({ value, disabled: optionDisabled })}
+          use:item
+          id={title}
+          class:disabled={optionDisabled}
+        >
+          <div class="style-radio" class:disabled={optionDisabled}>
             <div
               style:display={$isChecked(value) ? "block" : "none"}
               class="style-radio-inside"
-              class:disabled
+              class:disabled={optionDisabled}
             />
           </div>
-          <span class:disabled>{title}</span>
+          <span class:disabled={optionDisabled}>{title}</span>
         </button>
       {/if}
       {#if style === "button"}
         <button
-          {...$item(value)}
+          {...$item({ value, disabled: optionDisabled })}
           use:item
           id={title}
           class="style-button"
           class:selected={$isChecked(value)}
-          class:disabled
+          class:disabled={optionDisabled}
         >
           {#if typeof title !== "undefined"}
-            <span class:disabled>{title}</span>
+            <span class:disabled={optionDisabled}>{title}</span>
           {:else}
             <span style:visibility="hidden">N/A</span>
           {/if}

package/dist/MeltRadio.svelte.d.ts

@@ -15,6 +15,7 @@ declare const MeltRadio: $$__sveltets_2_IsomorphicComponent<{
     options: {
         title: string;
         value: string | boolean | number;
+        disabled?: boolean;
     }[];
     target: any;
     orientation?: "vertical" | "horizontal";

package/dist/MoltenPushButton.svelte

@@ -150,6 +150,10 @@
   button.grouped {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+    /* Cap the label width so a long selected label truncates (…) instead
+       of stretching the split button. The button already has
+       overflow/ellipsis/nowrap; it just needs a width bound to act on. */
+    max-width: 16em;
   }
 
   button.style-normal {

package/dist/MoltenPushButtonGroup.svelte

@@ -200,7 +200,9 @@
 
   .menu {
     z-index: 40;
-    width: 10em;
+    width: -moz-max-content;
+    width: max-content;
+    min-width: 8em;
     background-color: var(--popover-background);
     color: var(--foreground-muted);
     border: 1px solid var(--foreground-muted);
@@ -210,7 +212,14 @@
   .option {
     cursor: pointer;
     padding: 0.5rem;
+    /* Cap width here, not on .menu: floating-ui writes an inline
+       max-width on the menu element (fitViewport), which would override
+       a stylesheet max-width. The menu is width:max-content, so capping
+       the options caps the menu's intrinsic width too. */
+    max-width: 20em;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .option:hover,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intechstudio/grid-uikit",
-  "version": "1.20260713.1604",
+  "version": "1.20260714.912",
   "repository": {
     "type": "git",
     "url": "https://github.com/intechstudio/grid-uikit.git"