@synopackageland/ui 0.18.1 → 0.18.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.18.3 (2026-11-01)
+
+- Fix `WizardStep type="done"` losing its success mark and confetti when the step has a `#hero` illustration. The mark now shows above the stage; a done step without a hero is unchanged.
+- Add a browser preview (`tests/dsm-host/wizard-form.html`) of a done step with an illustration and of a form holding a card group; `FormItem` already caps its control at 320px (`fieldWidth="md"`), and a test now covers a card `RadioGroup` inside it.
+
+## 0.18.2 (2026-10-31)
+
+- Fix `Select` showing an option's old label after `options` change the label but keep its value. The trigger now reads the label from the current options (and search results); the value, the open state and the trigger element stay as they were, and no `update:modelValue` is emitted (#89).
+
 ## 0.18.1 (2026-10-31)
 
 - A `Form`, `FormItem` or `SettingsRow` with the default `direction="auto"` keeps its labels in a left column down to 400px of container width (was 520px), as DSM does in narrow dialogs and side panels. A form in a 420–480px `Sheet` now reads label | control, sized by `label-width`; below 400px (a phone) the labels still stack. Long labels wrap and stay level with their control. Set `direction="vertical"` to keep the stacked layout in a 400–519px container.

package/dist/index.js

@@ -19964,7 +19964,7 @@ const Tk = { key: 0 }, Ak = { key: 1 }, Pk = { key: 2 }, Bk = {
                 placeholder: i(o).placeholder
               }, {
                 default: _(({ selectedLabel: F }) => [
-                  F.length ? (d(), g("span", Tk, R(F.join(", ")), 1)) : x.value ? (d(), g("span", Ak, R(x.value), 1)) : (d(), g("span", Pk, R(i(o).placeholder), 1))
+                  x.value ? (d(), g("span", Tk, R(x.value), 1)) : F.length ? (d(), g("span", Ak, R(F.join(", ")), 1)) : (d(), g("span", Pk, R(i(o).placeholder), 1))
                 ]),
                 _: 1
               }, 8, ["placeholder"]),
@@ -33761,16 +33761,11 @@ const KO = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
       ], 8, lI)) : T("", !0)
     ], 12, KO));
   }
-}), cI = ["aria-hidden", "aria-labelledby", "data-wizard-step", "data-type", "data-active", "data-direction"], fI = ["data-hero"], pI = {
-  key: 0,
+}), cI = ["aria-hidden", "aria-labelledby", "data-wizard-step", "data-type", "data-active", "data-direction"], fI = ["data-hero", "data-done"], pI = ["data-wizard-hero"], vI = { class: "ui-wizard-celebrate-mark" }, mI = {
+  key: 1,
   class: "ui-wizard-stage",
   "data-wizard-hero": ""
-}, vI = {
-  key: 1,
-  class: "ui-wizard-celebrate",
-  "data-wizard-hero": "",
-  "aria-hidden": "true"
-}, mI = { class: "ui-wizard-celebrate-mark" }, hI = {
+}, hI = {
   key: 2,
   class: "ui-wizard-tile",
   "data-wizard-hero": "",
@@ -33818,12 +33813,17 @@ const KO = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
         u.value ? (d(), g("header", {
           key: 0,
           class: "ui-wizard-step-head",
-          "data-hero": i(o).hero ? "stage" : s.value ? "done" : t.icon ? "icon" : void 0
+          "data-hero": i(o).hero ? "stage" : s.value ? "done" : t.icon ? "icon" : void 0,
+          "data-done": s.value ? "" : void 0
         }, [
-          i(o).hero ? (d(), g("div", pI, [
-            S(c.$slots, "hero")
-          ])) : s.value ? (d(), g("div", vI, [
-            A("span", mI, [
+          s.value ? (d(), g("div", {
+            key: 0,
+            class: "ui-wizard-celebrate",
+            "data-wizard-celebrate": "",
+            "data-wizard-hero": i(o).hero ? void 0 : "",
+            "aria-hidden": "true"
+          }, [
+            A("span", vI, [
               O(i(st), {
                 class: "size-8",
                 "stroke-width": 2.75
@@ -33834,7 +33834,10 @@ const KO = ["aria-label", "data-stepper", "data-framed", "data-fit", "data-short
               class: "ui-wizard-confetti",
               style: Ce({ "--ui-wizard-confetti-i": p })
             }, null, 4)), 64))
-          ])) : t.icon ? (d(), g("div", hI, [
+          ], 8, pI)) : T("", !0),
+          i(o).hero ? (d(), g("div", mI, [
+            S(c.$slots, "hero")
+          ])) : t.icon && !s.value ? (d(), g("div", hI, [
             (d(), E(Le(t.icon), { class: "size-[22px]" }))
           ])) : T("", !0),
           t.description ? (d(), g("p", gI, R(t.description), 1)) : T("", !0)

package/dist/json-preview/preview.js

@@ -23242,7 +23242,7 @@ const zO = { key: 0 }, FO = { key: 1 }, qO = { key: 2 }, LO = {
                 placeholder: p(r).placeholder
               }, {
                 default: O(({ selectedLabel: z }) => [
-                  z.length ? (y(), E("span", zO, J(z.join(", ")), 1)) : g.value ? (y(), E("span", FO, J(g.value), 1)) : (y(), E("span", qO, J(p(r).placeholder), 1))
+                  g.value ? (y(), E("span", zO, J(g.value), 1)) : z.length ? (y(), E("span", FO, J(z.join(", ")), 1)) : (y(), E("span", qO, J(p(r).placeholder), 1))
                 ]),
                 _: 1
               }, 8, ["placeholder"]),

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.10.5",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "14f10159b60d48ac7a0686f58faf7a30e99898dc267b3c032cf2bdd6052dc52b",
-  "bundleSha256": "aab812c804e12b9e6081429b29163d20daba0ade542e1308f26888e99c6a7108",
+  "bundleSha256": "3e6e937be2172b319b36b14775a1ccf01d0579991d506b28f6d4b1f222436151",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "657592f283cb6fd25454abd284a0024af21936cb56e05b762ff0d22b6a979d32",
     "DismissableLayer/DismissableLayer.js": "da05ca544d9822a8e2b71057e78c0e1ef59423aa3893534338fb58e1ecbd1a8d",