@revikornmann/muka-ui 0.23.1 → 0.25.0

package/dist/styles/wireframe-light.css

@@ -4802,6 +4802,156 @@ body {
 }
 
 
+/* SocialSignInButton */
+/*
+ * SocialSignInButton lockup colors are provider-mandated (Apple HIG /
+ * Google Identity branding) and intentionally fixed across Muka brands —
+ * same exception pattern as LicensePlateInput regulatory colors.
+ *
+ * Apple: https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple
+ * Google: https://developers.google.com/identity/branding-guidelines
+ */
+.muka-social-sign-in-button {
+  --ssi-white: #ffffff;
+  --ssi-black: #000000;
+  --ssi-google-text-light: #1f1f1f;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  /* Provider lockup type — matches Figma / HIG, not brand font tokens.
+   * SF Pro Text is OS-provided on Apple platforms (not redistributable).
+   * Google Sans is not freely shippable; Roboto is the closest system fallback. */
+  font-family: inherit;
+  font-weight: 600;
+  text-decoration: none;
+  white-space: nowrap;
+
+  border: 1px solid transparent;
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.15s ease, filter 0.15s ease;
+
+  outline: none;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.muka-social-sign-in-button--apple {
+  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Helvetica, Arial, sans-serif;
+  font-weight: 600;
+}
+
+.muka-social-sign-in-button--google {
+  font-family: 'Google Sans', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-weight: 500;
+}
+
+.muka-social-sign-in-button:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+/* Sizes — heights align with Button md/lg */
+.muka-social-sign-in-button--md {
+  padding: 0 var(--button-padding-md-x);
+  border-radius: var(--button-radius-md);
+  font-size: var(--text-label-sm-semibold-fontSize);
+  line-height: var(--text-label-sm-semibold-lineHeight);
+  min-height: 40px;
+  min-width: 240px;
+}
+
+.muka-social-sign-in-button--md .muka-social-sign-in-button__label {
+  padding: 0 var(--button-gap-md);
+}
+
+.muka-social-sign-in-button--md .muka-social-sign-in-button__icon {
+  width: var(--button-icon-md);
+  height: var(--button-icon-md);
+}
+
+.muka-social-sign-in-button--lg {
+  padding: 0 var(--button-padding-lg-x);
+  border-radius: var(--button-radius-lg);
+  font-size: var(--text-label-lg-semibold-fontSize);
+  line-height: var(--text-label-lg-semibold-lineHeight);
+  min-height: 48px;
+  min-width: 280px;
+}
+
+.muka-social-sign-in-button--lg .muka-social-sign-in-button__label {
+  padding: 0 var(--button-gap-lg);
+}
+
+.muka-social-sign-in-button--lg .muka-social-sign-in-button__icon {
+  width: var(--button-icon-lg);
+  height: var(--button-icon-lg);
+}
+
+/* White lockup — for dark surfaces (Apple White with Outline) */
+.muka-social-sign-in-button--white {
+  background-color: var(--ssi-white);
+  color: var(--ssi-black);
+  border-color: var(--ssi-black);
+}
+
+.muka-social-sign-in-button--white.muka-social-sign-in-button--google {
+  color: var(--ssi-google-text-light);
+}
+
+/* Black lockup — for light surfaces */
+.muka-social-sign-in-button--black {
+  background-color: var(--ssi-black);
+  color: var(--ssi-white);
+  border-color: transparent;
+}
+
+/* Interaction — luminance/opacity only; no brand tint */
+.muka-social-sign-in-button:hover:not(:disabled) {
+  filter: brightness(0.92);
+}
+
+.muka-social-sign-in-button:active:not(:disabled) {
+  filter: brightness(0.85);
+}
+
+.muka-social-sign-in-button:disabled,
+.muka-social-sign-in-button--disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+  pointer-events: none;
+  filter: none;
+}
+
+.muka-social-sign-in-button--full-width {
+  width: 100%;
+  min-width: 0;
+}
+
+.muka-social-sign-in-button__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.muka-social-sign-in-button__icon > *,
+.muka-social-sign-in-button__icon svg {
+  width: auto;
+  height: 100%;
+  max-width: 100%;
+  display: block;
+}
+
+.muka-social-sign-in-button__label {
+  display: inline-flex;
+  align-items: center;
+}
+
+
 /* SmsOtpField */
 /* SmsOtpField Component Styles - Using Muka Design Tokens */
 
@@ -4994,156 +5144,6 @@ body {
 }
 
 
-/* SocialSignInButton */
-/*
- * SocialSignInButton lockup colors are provider-mandated (Apple HIG /
- * Google Identity branding) and intentionally fixed across Muka brands —
- * same exception pattern as LicensePlateInput regulatory colors.
- *
- * Apple: https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple
- * Google: https://developers.google.com/identity/branding-guidelines
- */
-.muka-social-sign-in-button {
-  --ssi-white: #ffffff;
-  --ssi-black: #000000;
-  --ssi-google-text-light: #1f1f1f;
-
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-
-  /* Provider lockup type — matches Figma / HIG, not brand font tokens.
-   * SF Pro Text is OS-provided on Apple platforms (not redistributable).
-   * Google Sans is not freely shippable; Roboto is the closest system fallback. */
-  font-family: inherit;
-  font-weight: 600;
-  text-decoration: none;
-  white-space: nowrap;
-
-  border: 1px solid transparent;
-  cursor: pointer;
-  user-select: none;
-  transition: opacity 0.15s ease, filter 0.15s ease;
-
-  outline: none;
-  position: relative;
-  box-sizing: border-box;
-}
-
-.muka-social-sign-in-button--apple {
-  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Helvetica, Arial, sans-serif;
-  font-weight: 600;
-}
-
-.muka-social-sign-in-button--google {
-  font-family: 'Google Sans', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-weight: 500;
-}
-
-.muka-social-sign-in-button:focus-visible {
-  outline: 2px solid var(--color-border-focus);
-  outline-offset: 2px;
-}
-
-/* Sizes — heights align with Button md/lg */
-.muka-social-sign-in-button--md {
-  padding: 0 var(--button-padding-md-x);
-  border-radius: var(--button-radius-md);
-  font-size: var(--text-label-sm-semibold-fontSize);
-  line-height: var(--text-label-sm-semibold-lineHeight);
-  min-height: 40px;
-  min-width: 240px;
-}
-
-.muka-social-sign-in-button--md .muka-social-sign-in-button__label {
-  padding: 0 var(--button-gap-md);
-}
-
-.muka-social-sign-in-button--md .muka-social-sign-in-button__icon {
-  width: var(--button-icon-md);
-  height: var(--button-icon-md);
-}
-
-.muka-social-sign-in-button--lg {
-  padding: 0 var(--button-padding-lg-x);
-  border-radius: var(--button-radius-lg);
-  font-size: var(--text-label-lg-semibold-fontSize);
-  line-height: var(--text-label-lg-semibold-lineHeight);
-  min-height: 48px;
-  min-width: 280px;
-}
-
-.muka-social-sign-in-button--lg .muka-social-sign-in-button__label {
-  padding: 0 var(--button-gap-lg);
-}
-
-.muka-social-sign-in-button--lg .muka-social-sign-in-button__icon {
-  width: var(--button-icon-lg);
-  height: var(--button-icon-lg);
-}
-
-/* White lockup — for dark surfaces (Apple White with Outline) */
-.muka-social-sign-in-button--white {
-  background-color: var(--ssi-white);
-  color: var(--ssi-black);
-  border-color: var(--ssi-black);
-}
-
-.muka-social-sign-in-button--white.muka-social-sign-in-button--google {
-  color: var(--ssi-google-text-light);
-}
-
-/* Black lockup — for light surfaces */
-.muka-social-sign-in-button--black {
-  background-color: var(--ssi-black);
-  color: var(--ssi-white);
-  border-color: transparent;
-}
-
-/* Interaction — luminance/opacity only; no brand tint */
-.muka-social-sign-in-button:hover:not(:disabled) {
-  filter: brightness(0.92);
-}
-
-.muka-social-sign-in-button:active:not(:disabled) {
-  filter: brightness(0.85);
-}
-
-.muka-social-sign-in-button:disabled,
-.muka-social-sign-in-button--disabled {
-  cursor: not-allowed;
-  opacity: 0.4;
-  pointer-events: none;
-  filter: none;
-}
-
-.muka-social-sign-in-button--full-width {
-  width: 100%;
-  min-width: 0;
-}
-
-.muka-social-sign-in-button__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.muka-social-sign-in-button__icon > *,
-.muka-social-sign-in-button__icon svg {
-  width: auto;
-  height: 100%;
-  max-width: 100%;
-  display: block;
-}
-
-.muka-social-sign-in-button__label {
-  display: inline-flex;
-  align-items: center;
-}
-
-
 /* Skeleton */
 /* Skeleton Component Styles */
 
@@ -7433,77 +7433,6 @@ body {
 }
 
 
-/* ProfileBadge */
-/* ProfileBadge Component Styles - Using Muka Design Tokens */
-
-.muka-profile-badge {
-  display: inline-flex;
-  align-items: center;
-  font-family: var(--text-body-base-regular-fontFamily);
-}
-
-/* Size variants */
-.muka-profile-badge--lg {
-  gap: var(--spacing-4); /* 16px */
-}
-
-.muka-profile-badge--md {
-  gap: var(--spacing-3); /* 12px */
-}
-
-.muka-profile-badge__avatar {
-  flex-shrink: 0;
-}
-
-/* Text stack */
-.muka-profile-badge__text {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  min-width: 0;
-}
-
-.muka-profile-badge__name {
-  font-family: var(--text-body-base-regular-fontFamily);
-  font-size: var(--text-body-base-regular-fontSize);
-  font-weight: var(--text-body-base-regular-fontWeight);
-  line-height: var(--text-body-base-regular-lineHeight);
-  color: var(--color-text-default-default);
-}
-
-.muka-profile-badge__email {
-  font-family: var(--text-body-xs-regular-fontFamily);
-  font-size: var(--text-body-xs-regular-fontSize);
-  font-weight: var(--text-body-xs-regular-fontWeight);
-  line-height: var(--text-body-xs-regular-lineHeight);
-  color: var(--color-text-subtle-default);
-}
-
-/* Clickable state */
-.muka-profile-badge--clickable {
-  cursor: pointer;
-  border: none;
-  background: none;
-  padding: 0;
-  text-align: left;
-  border-radius: var(--radius-md);
-  transition: opacity 0.2s ease;
-}
-
-.muka-profile-badge--clickable:hover {
-  opacity: 0.9;
-}
-
-.muka-profile-badge--clickable:active {
-  opacity: 0.8;
-}
-
-.muka-profile-badge--clickable:focus-visible {
-  outline: 2px solid var(--color-border-focus);
-  outline-offset: 2px;
-}
-
-
 /* PriceTag */
 /* PriceTag Component Styles - Using Muka Design Tokens */
 
@@ -7601,6 +7530,77 @@ body {
 }
 
 
+/* ProfileBadge */
+/* ProfileBadge Component Styles - Using Muka Design Tokens */
+
+.muka-profile-badge {
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--text-body-base-regular-fontFamily);
+}
+
+/* Size variants */
+.muka-profile-badge--lg {
+  gap: var(--spacing-4); /* 16px */
+}
+
+.muka-profile-badge--md {
+  gap: var(--spacing-3); /* 12px */
+}
+
+.muka-profile-badge__avatar {
+  flex-shrink: 0;
+}
+
+/* Text stack */
+.muka-profile-badge__text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  min-width: 0;
+}
+
+.muka-profile-badge__name {
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-size: var(--text-body-base-regular-fontSize);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  line-height: var(--text-body-base-regular-lineHeight);
+  color: var(--color-text-default-default);
+}
+
+.muka-profile-badge__email {
+  font-family: var(--text-body-xs-regular-fontFamily);
+  font-size: var(--text-body-xs-regular-fontSize);
+  font-weight: var(--text-body-xs-regular-fontWeight);
+  line-height: var(--text-body-xs-regular-lineHeight);
+  color: var(--color-text-subtle-default);
+}
+
+/* Clickable state */
+.muka-profile-badge--clickable {
+  cursor: pointer;
+  border: none;
+  background: none;
+  padding: 0;
+  text-align: left;
+  border-radius: var(--radius-md);
+  transition: opacity 0.2s ease;
+}
+
+.muka-profile-badge--clickable:hover {
+  opacity: 0.9;
+}
+
+.muka-profile-badge--clickable:active {
+  opacity: 0.8;
+}
+
+.muka-profile-badge--clickable:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+
 /* Popover */
 /* Popover Component Styles */
 
@@ -8019,34 +8019,6 @@ body {
 }
 
 
-/* NavigationTransition */
-/* NavigationTransition Component Styles */
-
-/* ─── Wrapper ────────────────────────────────────────── */
-
-.muka-nav-transition {
-  position: relative;
-  height: 100vh;
-  overflow: hidden;
-}
-
-/* Disable interaction during animation */
-.muka-nav-transition--active {
-  pointer-events: none;
-}
-
-/* ─── View slots ─────────────────────────────────────── */
-
-.muka-nav-transition--active .muka-nav-transition__view {
-  position: absolute;
-  inset: 0;
-}
-
-/* Z-index layering */
-.muka-nav-transition__view--bottom { z-index: 1; }
-.muka-nav-transition__view--top { z-index: 2; }
-
-
 /* Menu */
 /* Menu Component Styles */
 
@@ -8526,6 +8498,34 @@ body {
 }
 
 
+/* NavigationTransition */
+/* NavigationTransition Component Styles */
+
+/* ─── Wrapper ────────────────────────────────────────── */
+
+.muka-nav-transition {
+  position: relative;
+  height: 100vh;
+  overflow: hidden;
+}
+
+/* Disable interaction during animation */
+.muka-nav-transition--active {
+  pointer-events: none;
+}
+
+/* ─── View slots ─────────────────────────────────────── */
+
+.muka-nav-transition--active .muka-nav-transition__view {
+  position: absolute;
+  inset: 0;
+}
+
+/* Z-index layering */
+.muka-nav-transition__view--bottom { z-index: 1; }
+.muka-nav-transition__view--top { z-index: 2; }
+
+
 /* ListItem */
 /* ListItem Component Styles - Using Muka Design Tokens */
 
@@ -10643,9 +10643,10 @@ li.muka-listitem {
   flex-shrink: 0;
 }
 
-/* Hide footer on mobile for modal dialogs with inputs (actions move to TopBar) */
+/* Hide footer on mobile for modal dialogs with inputs (actions move to TopBar),
+   unless the consumer keeps them in the BottomBar (mobileActions="footer") */
 @media (max-width: 1023px) {
-  .muka-dialog:not(.muka-dialog--non-modal):not(.muka-dialog--no-inputs) .muka-dialog__footer {
+  .muka-dialog:not(.muka-dialog--non-modal):not(.muka-dialog--no-inputs):not(.muka-dialog--mobile-actions-footer) .muka-dialog__footer {
     display: none;
   }
 

package/dist/types/components/Combobox/Combobox.d.ts

@@ -41,6 +41,12 @@ export interface ComboboxProps {
      * Default: true (Figma Input Combobox free-input).
      */
     creatable?: boolean;
+    /**
+     * When `creatable`, commit the text still in the field as a chip when focus
+     * leaves the field, so typed-but-unconfirmed input isn't silently dropped
+     * (an exact option label commits that option). Default: true.
+     */
+    commitOnBlur?: boolean;
     /**
      * Custom filter. Receives the option and the lowercased query.
      * Defaults to substring match against `label` and `caption`.

package/dist/types/components/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAQ5F,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5D,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC;AA+BD;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoU5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAQ5F,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5D,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC;AA+BD;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkX5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/Dialog/Dialog.d.ts

@@ -23,11 +23,33 @@ export interface DialogProps {
     footerActions?: React.ReactNode;
     /** Footer layout variant (default: 'actions') */
     footerVariant?: 'actions' | 'actions-vertical';
-    /** Mobile-only: leading action text (e.g., "Cancel") */
+    /**
+     * Where a modal dialog with inputs shows its actions on mobile (< 1024px).
+     * - `topbar` (default): `footerActions` are hidden and the TopBar shows
+     *   icon-only actions — a secondary close button (leading) and a primary
+     *   checkmark button (trailing) — so the on-screen keyboard never covers
+     *   them and they never crowd the title. Enable them with
+     *   `mobileLeadingLabel` / `mobileTrailingLabel`, which become their
+     *   accessible names.
+     * - `footer`: keep the `footerActions` BottomBar under the content, with a
+     *   title-only TopBar. Use this when the button labels are indispensable.
+     *
+     * Desktop always shows `footerActions` in the BottomBar. Has no effect on
+     * non-modal dialogs or dialogs without inputs, which always use the
+     * BottomBar.
+     */
+    mobileActions?: 'topbar' | 'footer';
+    /**
+     * Mobile-only: accessible name of the leading icon-only close button
+     * (e.g. "Cancel"). Setting it shows the button.
+     */
     mobileLeadingLabel?: string;
-    /** Mobile-only: trailing action text (e.g., "Done") */
+    /**
+     * Mobile-only: accessible name of the trailing icon-only checkmark button
+     * (e.g. "Save"). Setting it shows the button.
+     */
     mobileTrailingLabel?: string;
-    /** Callback for mobile leading action */
+    /** Callback for mobile leading action (defaults to onClose) */
     onMobileLeadingClick?: () => void;
     /** Callback for mobile trailing action (defaults to onClose) */
     onMobileTrailingClick?: () => void;

package/dist/types/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IAEd,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iFAAiF;IACjF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kEAAkE;IAClE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,iDAAiD;IACjD,aAAa,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IAE/C,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAErB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgRxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAKzF,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IAEd,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iFAAiF;IACjF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kEAAkE;IAClE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,iDAAiD;IACjD,aAAa,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IAE/C;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEnC,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAErB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyDD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkSxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/View/View.d.ts

@@ -44,6 +44,9 @@ export interface ViewProps {
  * - `level="top"`: App home screen. No back button, footer slot for BottomBar navigation.
  * - `level="sub"`: Deeper view. Leading slot for back button, no footer by default.
  *
+ * TopBar action Buttons are always `ghost`; icon-only ones are `lg` on large
+ * screens and `md` below 1024px.
+ *
  * @accessibility
  * - Uses `<main>` landmark for the scrollable body
  * - TopBar provides semantic `<header>` structure

package/dist/types/components/View/View.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC;IAErB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8CpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC;IAErB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8CpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revikornmann/muka-ui",
-  "version": "0.23.1",
+  "version": "0.25.0",
   "description": "Muka Design System - Multi-brand design tokens and React components",
   "main": "dist/cjs/components/index.js",
   "module": "dist/esm/components/index.js",