@hh.ru/magritte-ui-nav-bar 1.3.25 → 1.3.26

package/index.css

@@ -1,90 +1,102 @@
 :root{
   --magritte-color-background-body-v24-7-0:#ffffff;
+  --magritte-color-text-primary-v24-7-0:#000000;
+  --magritte-color-text-secondary-v24-7-0:#768694;
 }
 
 .magritte-night-theme{
   --magritte-color-background-body-v24-7-0:#000000;
+  --magritte-color-text-primary-v24-7-0:#ffffff;
+  --magritte-color-text-secondary-v24-7-0:#ABABAB;
 }
-.magritte-actions-container___CBgYW_1-3-25{
+.magritte-actions-container___CBgYW_1-3-26{
   display:flex;
   flex-direction:row;
   gap:12px;
   min-height:40px;
 }
-.magritte-actions-no-children___rgJUl_1-3-25{
+.magritte-actions-no-children___rgJUl_1-3-26{
   justify-content:space-between;
 }
-.magritte-actions-left-slot___DNOj0_1-3-25,
-.magritte-actions-right-slot___aodtj_1-3-25{
+.magritte-actions-left-slot___DNOj0_1-3-26,
+.magritte-actions-right-slot___aodtj_1-3-26{
   display:grid;
   flex:0 0 auto;
   --magritte-ui-icon-margin-not-transparent:var(--magritte-ui-navbar-actions-icon-margin-not-transparent-override, -8px);
   --magritte-ui-icon-margin-transparent:var(--magritte-ui-navbar-actions-icon-margin-transparent-override, 0);
   --magritte-ui-icon-margin-delta:calc(var(--magritte-ui-icon-margin-not-transparent) - var(--magritte-ui-icon-margin-transparent));
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-not-transparent___5KZNp_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-not-transparent___5KZNp_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child{
   margin-left:var(--magritte-ui-icon-margin-not-transparent);
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-not-transparent___5KZNp_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-not-transparent___5KZNp_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child{
   margin-right:var(--magritte-ui-icon-margin-not-transparent);
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent___ULEh8_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent___ULEh8_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child{
   margin-left:var(--magritte-ui-icon-margin-transparent);
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-start-stage___MJ67a_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent___ULEh8_1-3-25 .magritte-actions-end-stage___qHtTV_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent___ULEh8_1-3-26 .magritte-actions-start-stage___MJ67a_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent___ULEh8_1-3-26 .magritte-actions-end-stage___qHtTV_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child{
   margin-right:var(--magritte-ui-icon-margin-transparent);
 }
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child{
   margin-left:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
 }
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child{
   margin-right:calc(var(--magritte-ui-icon-margin-transparent) + (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child,
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:first-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child,
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:first-child{
   margin-left:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-right-slot___aodtj_1-3-25 .magritte-actions-side-slot-content___TlHrX_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child,
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-actions-only-stage___cg10A_1-3-25 .magritte-actions-left-slot___DNOj0_1-3-25 .magritte-actions-side-slot-content-clone___jDxVm_1-3-25 > .magritte-actions-icon-morph___-nNgW_1-3-25:last-child{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-right-slot___aodtj_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child,
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-actions-only-stage___cg10A_1-3-26 .magritte-actions-left-slot___DNOj0_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26 > .magritte-actions-icon-morph___-nNgW_1-3-26:last-child{
   margin-right:calc(var(--magritte-ui-icon-margin-not-transparent) - (var(--magritte-ui-icon-margin-delta) * var(--magritte-ui-navbar-animation-progress)));
 }
-.magritte-actions-center-slot___hLAy6_1-3-25{
+.magritte-actions-center-slot___hLAy6_1-3-26{
   display:flex;
   flex:1 1 auto;
   min-width:0;
 }
-.magritte-actions-center-slot___hLAy6_1-3-25.magritte-actions-center-slot-centered___merXQ_1-3-25{
+.magritte-actions-center-slot___hLAy6_1-3-26.magritte-actions-center-slot-centered___merXQ_1-3-26{
   justify-content:center;
 }
-.magritte-actions-side-slot-content___TlHrX_1-3-25,
-.magritte-actions-side-slot-content-clone___jDxVm_1-3-25{
+.magritte-actions-side-slot-content___TlHrX_1-3-26,
+.magritte-actions-side-slot-content-clone___jDxVm_1-3-26{
   grid-area:1 / 1;
   display:flex;
   align-items:center;
   gap:4px;
 }
-.magritte-actions-side-slot-content-clone___jDxVm_1-3-25{
+.magritte-align-top___-QSFW_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26,
+.magritte-align-top___-QSFW_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26{
+  align-items:start;
+}
+.magritte-align-bottom___FliHI_1-3-26 .magritte-actions-side-slot-content___TlHrX_1-3-26,
+.magritte-align-bottom___FliHI_1-3-26 .magritte-actions-side-slot-content-clone___jDxVm_1-3-26{
+  align-items:end;
+}
+.magritte-actions-side-slot-content-clone___jDxVm_1-3-26{
   visibility:hidden;
   z-index:0;
   pointer-events:none;
   user-select:none;
   contain:style layout;
 }
-.magritte-title-container-wrapper___DQUcj_1-3-25{
+.magritte-title-container-wrapper___DQUcj_1-3-26{
   display:flex;
   flex-direction:row;
   align-items:center;
@@ -92,45 +104,94 @@
   min-width:0;
   gap:12px;
 }
-.magritte-title-main-part___npoHN_1-3-25{
+.magritte-title-main-part___npoHN_1-3-26{
   display:flex;
   flex-direction:column;
   flex:0 1 auto;
   min-width:0;
 }
-.magritte-title-left-slot___HTE7h_1-3-25{
+.magritte-title-left-slot___HTE7h_1-3-26{
   display:flex;
   align-items:center;
   flex:0 0 auto;
 }
-.magritte-title-container___y9AIx_1-3-25{
+.magritte-title-container___y9AIx_1-3-26{
   display:flex;
   flex-direction:row;
   align-items:center;
   gap:5px;
+  min-height:var(--magritte-ui-navbar-title-container-min-height-small-override, 0);
 }
-.magritte-subtitle-container___nVUBu_1-3-25{
+.magritte-subtitle-container___nVUBu_1-3-26{
   display:flex;
 }
-.magritte-centered___Y2mlP_1-3-25 .magritte-subtitle-container___nVUBu_1-3-25,
-.magritte-centered___Y2mlP_1-3-25 .magritte-title-container___y9AIx_1-3-25{
+.magritte-subtitle-container___nVUBu_1-3-26 .magritte-text-morph-item___-vXru_1-3-26{
+  color:var(--magritte-color-text-secondary-v24-7-0);
+  font-family:"hh sans";
+  font-weight:400;
+  line-height:18px;
+  font-size:12px;
+  letter-spacing:0.01em;
+  text-indent:0px;
+  text-transform:none;
+  text-decoration:none;
+}
+.magritte-centered___Y2mlP_1-3-26 .magritte-subtitle-container___nVUBu_1-3-26,
+.magritte-centered___Y2mlP_1-3-26 .magritte-title-container___y9AIx_1-3-26{
   justify-content:center;
 }
-.magritte-title-morph-item___t7Wf3_1-3-25{
+.magritte-title-morph-item___t7Wf3_1-3-26{
   display:flex;
   min-width:0;
 }
-.magritte-title___ZbLgP_1-3-25{
+.magritte-title___ZbLgP_1-3-26{
   display:flex;
   flex:0 1 auto;
   min-width:0;
 }
-.magritte-pane-content___UVmC6_1-3-25{
+.magritte-title___ZbLgP_1-3-26 .magritte-text-morph-item___-vXru_1-3-26{
+  color:var(--magritte-color-text-primary-v24-7-0);
+  font-family:"hh sans";
+  font-weight:500;
+  line-height:22px;
+  font-size:16px;
+  letter-spacing:0em;
+  text-indent:0px;
+  text-transform:none;
+  text-decoration:none;
+}
+.magritte-size-large___ISXfH_1-3-26 .magritte-title-main-part___npoHN_1-3-26{
+  gap:4px;
+}
+.magritte-size-large___ISXfH_1-3-26 .magritte-title-container___y9AIx_1-3-26{
+  min-height:var(--magritte-ui-navbar-title-container-min-height-large-override, 0);
+}
+.magritte-size-large___ISXfH_1-3-26 .magritte-title___ZbLgP_1-3-26 .magritte-text-morph-item___-vXru_1-3-26{
+  font-family:"hh sans";
+  font-weight:500;
+  line-height:32px;
+  font-size:22px;
+  letter-spacing:-0.0075em;
+  text-indent:0px;
+  text-transform:none;
+  text-decoration:none;
+}
+.magritte-size-large___ISXfH_1-3-26 .magritte-subtitle-container___nVUBu_1-3-26 .magritte-text-morph-item___-vXru_1-3-26{
+  font-family:"hh sans";
+  font-weight:400;
+  line-height:22px;
+  font-size:16px;
+  letter-spacing:0em;
+  text-indent:0px;
+  text-transform:none;
+  text-decoration:none;
+}
+.magritte-pane-content___UVmC6_1-3-26{
   position:relative;
   pointer-events:none;
   z-index:2;
 }
-.magritte-pane-background___PDZAX_1-3-25{
+.magritte-pane-background___PDZAX_1-3-26{
   position:absolute;
   background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-7-0)));
   opacity:0;
@@ -138,43 +199,43 @@
   z-index:-1;
   transform-origin:0 0;
 }
-.magritte-navbar-transparent-start___wysv0_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
+.magritte-navbar-transparent-start___wysv0_1-3-26 .magritte-pane-background___PDZAX_1-3-26{
   opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
 }
-.magritte-navbar-transparent-end___6KqLR_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
+.magritte-navbar-transparent-end___6KqLR_1-3-26 .magritte-pane-background___PDZAX_1-3-26{
   opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
 }
-.magritte-navbar-not-transparent___5KZNp_1-3-25 .magritte-pane-background___PDZAX_1-3-25{
+.magritte-navbar-not-transparent___5KZNp_1-3-26 .magritte-pane-background___PDZAX_1-3-26{
   opacity:0.95;
 }
-.magritte-morph-item___8kF46_1-3-25{
+.magritte-morph-item___8kF46_1-3-26{
   line-height:0;
   transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
 }
-.magritte-morph-item-top___WPEkn_1-3-25{
+.magritte-morph-item-top___WPEkn_1-3-26{
   --magritte-ui-morph-item-transform-origin-y:top;
 }
-.magritte-morph-item-bottom___zNbsF_1-3-25{
+.magritte-morph-item-bottom___zNbsF_1-3-26{
   --magritte-ui-morph-item-transform-origin-y:bottom;
 }
-.magritte-morph-item-left___T6AMW_1-3-25{
+.magritte-morph-item-left___T6AMW_1-3-26{
   --magritte-ui-morph-item-transform-origin-x:left;
 }
-.magritte-morph-item-right___EuT1E_1-3-25{
+.magritte-morph-item-right___EuT1E_1-3-26{
   --magritte-ui-morph-item-transform-origin-x:right;
 }
-.magritte-pane___f8eFC_1-3-25{
+.magritte-pane___f8eFC_1-3-26{
   position:relative;
   overflow:hidden;
   pointer-events:none;
 }
-.magritte-start-state-container___giBVb_1-3-25{
+.magritte-start-state-container___giBVb_1-3-26{
   position:relative;
   z-index:1;
   box-sizing:border-box;
   pointer-events:auto;
 }
-.magritte-end-state-container___uiW8Q_1-3-25{
+.magritte-end-state-container___uiW8Q_1-3-26{
   position:absolute;
   z-index:0;
   top:0;
@@ -183,66 +244,66 @@
   pointer-events:none;
   opacity:0;
 }
-.magritte-content-container___7s7vv_1-3-25{
+.magritte-content-container___7s7vv_1-3-26{
   box-sizing:border-box;
 }
-.magritte-next-pane___H2oxQ_1-3-25{
+.magritte-next-pane___H2oxQ_1-3-26{
   position:relative;
 }
-.magritte-nav-bar___RRGe0_1-3-25{
+.magritte-nav-bar___RRGe0_1-3-26{
   top:0;
   position:sticky;
   pointer-events:none;
   overflow-anchor:none;
   z-index:10;
 }
-.magritte-nav-bar-overlay___Mq5ZD_1-3-25 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25{
+.magritte-nav-bar-overlay___Mq5ZD_1-3-26 .magritte-nav-bar-overlay-wrapper___y1VpY_1-3-26{
   position:absolute;
   inset:0;
 }
-.magritte-nav-bar-content-container___H-WMO_1-3-25{
+.magritte-nav-bar-content-container___H-WMO_1-3-26{
   display:grid;
   position:relative;
 }
-.magritte-nav-bar-panes-container___5ZDLa_1-3-25{
+.magritte-nav-bar-panes-container___5ZDLa_1-3-26{
   position:relative;
   z-index:1;
   grid-area:1 / 1;
   min-width:0;
 }
-.magritte-nav-bar-progressive-blur___qyeUV_1-3-25{
+.magritte-nav-bar-progressive-blur___qyeUV_1-3-26{
   position:relative;
   z-index:0;
   transform-origin:0 0;
   grid-area:1 / 1;
   min-width:0;
 }
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .nav-bar-layout-animation-stage-start,
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .nav-bar-layout-animation-stage-end{
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .magritte-nav-bar-stage___amDz7_1-3-26,
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .nav-bar-layout-animation-stage-start,
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .nav-bar-layout-animation-stage-end{
   padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
 }
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .nav-bar-layout-animation-stage-start,
-.magritte-nav-bar-content-container___H-WMO_1-3-25 .magritte-next-pane___H2oxQ_1-3-25 .nav-bar-layout-animation-stage-end{
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .magritte-next-pane___H2oxQ_1-3-26 .magritte-nav-bar-stage___amDz7_1-3-26,
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .magritte-next-pane___H2oxQ_1-3-26 .nav-bar-layout-animation-stage-start,
+.magritte-nav-bar-content-container___H-WMO_1-3-26 .magritte-next-pane___H2oxQ_1-3-26 .nav-bar-layout-animation-stage-end{
   padding-top:8px;
 }
-.magritte-last-pane___Hf2No_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
-.magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-start,
-.magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-end{
+.magritte-last-pane___Hf2No_1-3-26 .magritte-nav-bar-stage___amDz7_1-3-26,
+.magritte-last-pane___Hf2No_1-3-26 .nav-bar-layout-animation-stage-start,
+.magritte-last-pane___Hf2No_1-3-26 .nav-bar-layout-animation-stage-end{
   padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 8px);
 }
-.magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .magritte-nav-bar-stage___amDz7_1-3-25,
-.magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-start,
-.magritte-next-pane___H2oxQ_1-3-25 .magritte-last-pane___Hf2No_1-3-25 .nav-bar-layout-animation-stage-end{
+.magritte-next-pane___H2oxQ_1-3-26 .magritte-last-pane___Hf2No_1-3-26 .magritte-nav-bar-stage___amDz7_1-3-26,
+.magritte-next-pane___H2oxQ_1-3-26 .magritte-last-pane___Hf2No_1-3-26 .nav-bar-layout-animation-stage-start,
+.magritte-next-pane___H2oxQ_1-3-26 .magritte-last-pane___Hf2No_1-3-26 .nav-bar-layout-animation-stage-end{
   padding-bottom:var(--magritte-ui-nav-bar-stage-padding-bottom-override, 16px);
 }
-.magritte-nav-bar-stage___amDz7_1-3-25{
+.magritte-nav-bar-stage___amDz7_1-3-26{
   padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
 }
-.magritte-metrics-mode___h38aX_1-3-25 .magritte-morph-item___8kF46_1-3-25,
-.magritte-metrics-mode___h38aX_1-3-25 .magritte-pane___f8eFC_1-3-25,
-.magritte-metrics-mode___h38aX_1-3-25 .magritte-next-pane___H2oxQ_1-3-25{
+.magritte-metrics-mode___h38aX_1-3-26 .magritte-morph-item___8kF46_1-3-26,
+.magritte-metrics-mode___h38aX_1-3-26 .magritte-pane___f8eFC_1-3-26,
+.magritte-metrics-mode___h38aX_1-3-26 .magritte-next-pane___H2oxQ_1-3-26{
   transform:none !important;
 }
 .nav-bar-layout-animation-stage-end,
@@ -253,41 +314,41 @@
   height:auto !important;
   transform:none !important;
 }
-.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-25,
-.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-25{
+.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-26,
+.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-26{
   position:static !important;
   width:auto !important;
   height:auto !important;
   transform:none !important;
 }
-.magritte-layout-morph___I3SPy_1-3-25{
+.magritte-layout-morph___I3SPy_1-3-26{
   display:block;
   position:absolute;
   transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
   z-index:3;
 }
-.magritte-animation-stage-progress___5FthT_1-3-25 .magritte-layout-morph___I3SPy_1-3-25 > *{
+.magritte-animation-stage-progress___5FthT_1-3-26 .magritte-layout-morph___I3SPy_1-3-26 > *{
   margin:0 !important;
 }
-.magritte-layout-morph-start___9-krP_1-3-25{
+.magritte-layout-morph-start___9-krP_1-3-26{
   z-index:2;
 }
-.magritte-layout-morph-end___LIg4d_1-3-25{
+.magritte-layout-morph-end___LIg4d_1-3-26{
   z-index:1;
 }
-.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-25{
+.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-3-26{
   display:contents;
 }
-.nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-25{
+.nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-3-26{
   display:none;
 }
-.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-25{
+.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-3-26{
   display:contents;
 }
-.nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-25{
+.nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-3-26{
   display:none;
 }
-.magritte-divider-container___-NdWi_1-3-25{
+.magritte-divider-container___-NdWi_1-3-26{
   position:absolute;
   width:100%;
   bottom:0;

package/index.d.ts

@@ -1,4 +1,5 @@
 export { Actions, type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';
+export { NavBarDefaultPropsContext, type NavBarDefaultPropsContextProps, } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';
 export { NavBar, type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';
 export { ExternalPane as Pane, type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';
 export { ExternalStage as Stage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';

package/index.js

@@ -1,5 +1,6 @@
 import './index.css';
 export { Actions } from './public/Actions.js';
+export { NavBarDefaultPropsContext } from './public/defaultProps.js';
 export { NavBar } from './public/NavBar.js';
 export { ExternalPane as Pane } from './public/Pane.js';
 export { ExternalStage as Stage } from './public/Stage.js';
@@ -12,7 +13,8 @@ import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@hh.ru/magritte-ui-icon';
-import './nav-bar-DEFIZlLr.js';
+import './nav-bar-CmjjkPy6.js';
+import '@hh.ru/magritte-internal-default-props-context';
 import 'motion/react';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-layer';
@@ -32,6 +34,7 @@ import './internal/MorphStore.js';
 import './internal/KeyedSubscriptions.js';
 import './internal/PaneStore.js';
 import './internal/useInert.js';
+import '@hh.ru/magritte-ui-typography';
 import '@hh.ru/magritte-common-use-when-font-loaded';
 import '@hh.ru/magritte-common-use-multiple-refs';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/nav-bar-CmjjkPy6.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-26","actionsContainer":"magritte-actions-container___CBgYW_1-3-26","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-26","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-26","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-26","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-26","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-26","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-26","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-26","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-26","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-26","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-26","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-26","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-26","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-26","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-26","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-26","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-26","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-26","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-26","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-26","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-26","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-3-26","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-3-26","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-26","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-26","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-26","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-26","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-26","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-26","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-26","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-26","align-top":"magritte-align-top___-QSFW_1-3-26","alignTop":"magritte-align-top___-QSFW_1-3-26","align-bottom":"magritte-align-bottom___FliHI_1-3-26","alignBottom":"magritte-align-bottom___FliHI_1-3-26","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-26","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-26","title-main-part":"magritte-title-main-part___npoHN_1-3-26","titleMainPart":"magritte-title-main-part___npoHN_1-3-26","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-26","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-26","title-container":"magritte-title-container___y9AIx_1-3-26","titleContainer":"magritte-title-container___y9AIx_1-3-26","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-26","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-26","text-morph-item":"magritte-text-morph-item___-vXru_1-3-26","textMorphItem":"magritte-text-morph-item___-vXru_1-3-26","centered":"magritte-centered___Y2mlP_1-3-26","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-26","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-26","title":"magritte-title___ZbLgP_1-3-26","size-large":"magritte-size-large___ISXfH_1-3-26","sizeLarge":"magritte-size-large___ISXfH_1-3-26","pane-content":"magritte-pane-content___UVmC6_1-3-26","paneContent":"magritte-pane-content___UVmC6_1-3-26","pane-background":"magritte-pane-background___PDZAX_1-3-26","paneBackground":"magritte-pane-background___PDZAX_1-3-26","morph-item":"magritte-morph-item___8kF46_1-3-26","morphItem":"magritte-morph-item___8kF46_1-3-26","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-26","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-26","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-26","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-26","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-26","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-26","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-26","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-26","pane":"magritte-pane___f8eFC_1-3-26","start-state-container":"magritte-start-state-container___giBVb_1-3-26","startStateContainer":"magritte-start-state-container___giBVb_1-3-26","end-state-container":"magritte-end-state-container___uiW8Q_1-3-26","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-26","content-container":"magritte-content-container___7s7vv_1-3-26","contentContainer":"magritte-content-container___7s7vv_1-3-26","next-pane":"magritte-next-pane___H2oxQ_1-3-26","nextPane":"magritte-next-pane___H2oxQ_1-3-26","nav-bar":"magritte-nav-bar___RRGe0_1-3-26","navBar":"magritte-nav-bar___RRGe0_1-3-26","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-26","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-26","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-26","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-26","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-26","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-26","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-26","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-26","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-26","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-26","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-26","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-26","last-pane":"magritte-last-pane___Hf2No_1-3-26","lastPane":"magritte-last-pane___Hf2No_1-3-26","metrics-mode":"magritte-metrics-mode___h38aX_1-3-26","metricsMode":"magritte-metrics-mode___h38aX_1-3-26","layout-morph":"magritte-layout-morph___I3SPy_1-3-26","layoutMorph":"magritte-layout-morph___I3SPy_1-3-26","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-26","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-26","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-26","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-26","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-26","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-26","divider-container":"magritte-divider-container___-NdWi_1-3-26","dividerContainer":"magritte-divider-container___-NdWi_1-3-26"};
+
+export { styles as s };
+//# sourceMappingURL=nav-bar-CmjjkPy6.js.map

package/nav-bar-CmjjkPy6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar-CmjjkPy6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-nav-bar",
-  "version": "1.3.25",
+  "version": "1.3.26",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -31,10 +31,12 @@
     "@hh.ru/magritte-common-use-when-font-loaded": "1.0.14",
     "@hh.ru/magritte-design-tokens": "24.7.0",
     "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
+    "@hh.ru/magritte-internal-default-props-context": "1.0.1",
     "@hh.ru/magritte-ui-divider": "3.1.3",
-    "@hh.ru/magritte-ui-icon": "14.2.7",
+    "@hh.ru/magritte-ui-icon": "14.2.8",
     "@hh.ru/magritte-ui-layer": "3.2.4",
-    "@hh.ru/magritte-ui-mock-component": "1.1.7"
+    "@hh.ru/magritte-ui-mock-component": "1.1.7",
+    "@hh.ru/magritte-ui-typography": "5.3.2"
   },
-  "gitHead": "bb1e633205115ba4a178ce0a83953e09e3e40bc6"
+  "gitHead": "fa01b9128d8cb502e80c61cd964d7a8a3a279957"
 }

package/public/Actions.d.ts

@@ -14,13 +14,19 @@ export interface ActionsProps {
     children?: ReactNode;
     /**
      * Включает центрирование контента центрального слота относительно всего компонента.
+     * @default false
      */
     centered?: boolean;
     /**
      * Управляет автоматическим оборачиванием всего контента в компоненты <Morph />.
      * По умолчанию включен, но может быть отключен если требуется более сложное описание анимации
      * чем используется по умолчанию.
+     * @default true
      */
     autoMorph?: boolean;
+    /**
+     * @default center
+     */
+    verticalAlign?: 'top' | 'center' | 'bottom';
 }
 export declare const Actions: FC<PropsWithChildren<ActionsProps>>;

package/public/Actions.js

@@ -1,12 +1,13 @@
 import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Children, isValidElement, Fragment } from 'react';
+import { useMemo, Children, isValidElement, Fragment } from 'react';
 import classNames from 'classnames';
-import { isIconElement } from '@hh.ru/magritte-ui-icon';
+import { IconDefaultPropsContext, isIconElement } from '@hh.ru/magritte-ui-icon';
 import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
 import { Morph } from './Morph.js';
 import { useAnimationStage } from './Stage.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { useActionsDefaultProps, useActionsIconsDefaultProps } from './defaultProps.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/MetricsProvider.js';
 import '../internal/utils.js';
 import 'motion';
@@ -16,8 +17,19 @@ import '../internal/KeyedSubscriptions.js';
 import '../internal/PaneStore.js';
 import '../internal/NavBarContext.js';
 import '../internal/useInert.js';
+import '@hh.ru/magritte-internal-default-props-context';
 
 const isFragmentElement = (node) => isValidElement(node) && node.type === Fragment;
+/**
+ * Базовые дефолтные пропсы иконок в боковых слотах `Actions`. Через `NavBarDefaultPropsContext`
+ * (ключ `actionsIcons`) их можно переопределить; на иконки центрального слота не распространяются.
+ */
+const SIDE_SLOT_ICON_DEFAULT_PROPS = {
+    padding: 8,
+    initialColor: 'primary',
+    backgroundStyle: 'overlay-action',
+    borderRadius: 'halfHeight',
+};
 const wrapToMorph = (node, isRight) => {
     const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);
     return arr.map((node, index) => (jsx(Morph, { className: isIconElement(node) ? styles.actionsIconMorph : '', id: `actions-component-${isRight ? 'right' : 'left'}-slot-item-${isRight ? arr.length - index : index}`, children: node }, index)));
@@ -26,14 +38,24 @@ const wrapToDiv = (node) => {
     const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);
     return arr.map((node, index) => (jsx("div", { className: isIconElement(node) ? styles.actionsIconMorph : '', children: node }, index)));
 };
-const Actions = ({ children, left, right, centered = false, autoMorph = true, }) => {
+const Actions = (props) => {
+    const defaultProps = useActionsDefaultProps();
+    const { children, left, right, centered = false, autoMorph = true, verticalAlign = 'center', } = { ...defaultProps, ...props };
+    const actionsIconsOverride = useActionsIconsDefaultProps();
+    const sideSlotIconProps = useMemo(
+    // Каст: спред union-типа `IconProps` (ветки styled/hexed с взаимоисключающими `initialColor`/`hex`)
+    // TS не сводит обратно к `Partial<IconProps>`, хотя мёрж семантически корректен.
+    () => ({ ...SIDE_SLOT_ICON_DEFAULT_PROPS, ...actionsIconsOverride }), [actionsIconsOverride]);
     const stage = useAnimationStage();
     return (jsxs("div", { className: classNames(styles.actionsContainer, {
             [styles.actionsStartStage]: stage === 'start',
             [styles.actionsEndStage]: stage === 'end',
             [styles.actionsOnlyStage]: stage === 'only',
             [styles.actionsNoChildren]: !children,
-        }), children: [(!!left || (!!right && centered)) && (jsxs("div", { className: styles.actionsLeftSlot, children: [!!left && (jsx(EnvironmentFingerprintNode, { className: styles.actionsSideSlotContent, children: autoMorph && stage !== 'only' ? wrapToMorph(left, false) : wrapToDiv(left) })), centered && !!right && (jsx("div", { className: styles.actionsSideSlotContentClone, "aria-hidden": "true", "data-qa": "actions-duplicate-container", inert: 'true', children: wrapToDiv(right) }))] })), (!!children || !left || !right) && (jsx("div", { className: classNames(styles.actionsCenterSlot, { [styles.actionsCenterSlotCentered]: centered }), children: children })), (!!right || (!!left && centered)) && (jsxs("div", { className: styles.actionsRightSlot, children: [!!right && (jsx(EnvironmentFingerprintNode, { className: styles.actionsSideSlotContent, children: autoMorph && stage !== 'only' ? wrapToMorph(right, true) : wrapToDiv(right) })), centered && !!left && (jsx("div", { className: styles.actionsSideSlotContentClone, "aria-hidden": "true", "data-qa": "actions-duplicate-container", inert: 'true', children: wrapToDiv(left) }))] }))] }));
+            [styles.alignTop]: verticalAlign === 'top',
+            [styles.alignCenter]: verticalAlign === 'center',
+            [styles.alignBottom]: verticalAlign === 'bottom',
+        }), children: [(!!left || (!!right && centered)) && (jsx(IconDefaultPropsContext, { props: sideSlotIconProps, children: jsxs("div", { className: styles.actionsLeftSlot, children: [!!left && (jsx(EnvironmentFingerprintNode, { className: styles.actionsSideSlotContent, children: autoMorph && stage !== 'only' ? wrapToMorph(left, false) : wrapToDiv(left) })), centered && !!right && (jsx("div", { className: styles.actionsSideSlotContentClone, "aria-hidden": "true", "data-qa": "actions-duplicate-container", inert: 'true', children: wrapToDiv(right) }))] }) })), (!!children || !left || !right) && (jsx("div", { className: classNames(styles.actionsCenterSlot, { [styles.actionsCenterSlotCentered]: centered }), children: children })), (!!right || (!!left && centered)) && (jsx(IconDefaultPropsContext, { props: sideSlotIconProps, children: jsxs("div", { className: styles.actionsRightSlot, children: [!!right && (jsx(EnvironmentFingerprintNode, { className: styles.actionsSideSlotContent, children: autoMorph && stage !== 'only' ? wrapToMorph(right, true) : wrapToDiv(right) })), centered && !!left && (jsx("div", { className: styles.actionsSideSlotContentClone, "aria-hidden": "true", "data-qa": "actions-duplicate-container", inert: 'true', children: wrapToDiv(left) }))] }) }))] }));
 };
 
 export { Actions };

package/public/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["src/public/Actions.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    isValidElement,\n    type JSXElementConstructor,\n    type PropsWithChildren,\n    type ReactElement,\n    type FC,\n    type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { isIconElement } from '@hh.ru/magritte-ui-icon';\nimport { EnvironmentFingerprintNode } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { useAnimationStage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';\n\nimport styles from './nav-bar.less';\n\nexport interface ActionsProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode | ReactNode[];\n    /**\n     * Контент правого слота\n     */\n    right?: ReactNode | ReactNode[];\n    /**\n     * Контент центрального слота\n     */\n    children?: ReactNode;\n    /**\n     * Включает центрирование контента центрального слота относительно всего компонента.\n     */\n    centered?: boolean;\n    /**\n     * Управляет автоматическим оборачиванием всего контента в компоненты <Morph />.\n     * По умолчанию включен, но может быть отключен если требуется более сложное описание анимации\n     * чем используется по умолчанию.\n     */\n    autoMorph?: boolean;\n}\n\nconst isFragmentElement = (\n    node: ReactNode\n): node is ReactElement<PropsWithChildren, JSXElementConstructor<PropsWithChildren>> =>\n    isValidElement(node) && node.type === Fragment;\n\nconst wrapToMorph = (node: ReactNode | ReactNode[], isRight: boolean) => {\n    const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);\n\n    return arr.map((node, index) => (\n        <Morph\n            className={isIconElement(node) ? styles.actionsIconMorph : ''}\n            id={`actions-component-${isRight ? 'right' : 'left'}-slot-item-${isRight ? arr.length - index : index}`}\n            key={index}\n        >\n            {node}\n        </Morph>\n    ));\n};\n\nconst wrapToDiv = (node: ReactNode | ReactNode[]) => {\n    const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);\n\n    return arr.map((node, index) => (\n        <div className={isIconElement(node) ? styles.actionsIconMorph : ''} key={index}>\n            {node}\n        </div>\n    ));\n};\n\nexport const Actions: FC<PropsWithChildren<ActionsProps>> = ({\n    children,\n    left,\n    right,\n    centered = false,\n    autoMorph = true,\n}) => {\n    const stage = useAnimationStage();\n    return (\n        <div\n            className={classNames(styles.actionsContainer, {\n                [styles.actionsStartStage]: stage === 'start',\n                [styles.actionsEndStage]: stage === 'end',\n                [styles.actionsOnlyStage]: stage === 'only',\n                [styles.actionsNoChildren]: !children,\n            })}\n        >\n            {(!!left || (!!right && centered)) && (\n                <div className={styles.actionsLeftSlot}>\n                    {!!left && (\n                        <EnvironmentFingerprintNode className={styles.actionsSideSlotContent}>\n                            {autoMorph && stage !== 'only' ? wrapToMorph(left, false) : wrapToDiv(left)}\n                        </EnvironmentFingerprintNode>\n                    )}\n                    {centered && !!right && (\n                        <div\n                            className={styles.actionsSideSlotContentClone}\n                            aria-hidden=\"true\"\n                            data-qa=\"actions-duplicate-container\"\n                            // атрибут не завезли в типы react 18, только с 19го\n                            {...{ inert: 'true' }}\n                        >\n                            {wrapToDiv(right)}\n                        </div>\n                    )}\n                </div>\n            )}\n\n            {(!!children || !left || !right) && (\n                <div className={classNames(styles.actionsCenterSlot, { [styles.actionsCenterSlotCentered]: centered })}>\n                    {children}\n                </div>\n            )}\n\n            {(!!right || (!!left && centered)) && (\n                <div className={styles.actionsRightSlot}>\n                    {!!right && (\n                        <EnvironmentFingerprintNode className={styles.actionsSideSlotContent}>\n                            {autoMorph && stage !== 'only' ? wrapToMorph(right, true) : wrapToDiv(right)}\n                        </EnvironmentFingerprintNode>\n                    )}\n                    {centered && !!left && (\n                        <div\n                            className={styles.actionsSideSlotContentClone}\n                            aria-hidden=\"true\"\n                            data-qa=\"actions-duplicate-container\"\n                            {...{ inert: 'true' }}\n                        >\n                            {wrapToDiv(left)}\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["src/public/Actions.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    isValidElement,\n    useMemo,\n    type JSXElementConstructor,\n    type PropsWithChildren,\n    type ReactElement,\n    type FC,\n    type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { isIconElement, IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport type { IconProps } from '@hh.ru/magritte-ui-icon/types';\nimport { EnvironmentFingerprintNode } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { useAnimationStage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';\nimport { useActionsDefaultProps, useActionsIconsDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\nimport styles from './nav-bar.less';\n\nexport interface ActionsProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode | ReactNode[];\n    /**\n     * Контент правого слота\n     */\n    right?: ReactNode | ReactNode[];\n    /**\n     * Контент центрального слота\n     */\n    children?: ReactNode;\n    /**\n     * Включает центрирование контента центрального слота относительно всего компонента.\n     * @default false\n     */\n    centered?: boolean;\n    /**\n     * Управляет автоматическим оборачиванием всего контента в компоненты <Morph />.\n     * По умолчанию включен, но может быть отключен если требуется более сложное описание анимации\n     * чем используется по умолчанию.\n     * @default true\n     */\n    autoMorph?: boolean;\n    /**\n     * @default center\n     */\n    verticalAlign?: 'top' | 'center' | 'bottom';\n}\n\nconst isFragmentElement = (\n    node: ReactNode\n): node is ReactElement<PropsWithChildren, JSXElementConstructor<PropsWithChildren>> =>\n    isValidElement(node) && node.type === Fragment;\n/**\n * Базовые дефолтные пропсы иконок в боковых слотах `Actions`. Через `NavBarDefaultPropsContext`\n * (ключ `actionsIcons`) их можно переопределить; на иконки центрального слота не распространяются.\n */\nconst SIDE_SLOT_ICON_DEFAULT_PROPS: Partial<IconProps> = {\n    padding: 8,\n    initialColor: 'primary',\n    backgroundStyle: 'overlay-action',\n    borderRadius: 'halfHeight',\n};\n\nconst wrapToMorph = (node: ReactNode | ReactNode[], isRight: boolean) => {\n    const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);\n\n    return arr.map((node, index) => (\n        <Morph\n            className={isIconElement(node) ? styles.actionsIconMorph : ''}\n            id={`actions-component-${isRight ? 'right' : 'left'}-slot-item-${isRight ? arr.length - index : index}`}\n            key={index}\n        >\n            {node}\n        </Morph>\n    ));\n};\n\nconst wrapToDiv = (node: ReactNode | ReactNode[]) => {\n    const arr = isFragmentElement(node) ? Children.toArray(node.props.children) : Children.toArray(node);\n\n    return arr.map((node, index) => (\n        <div className={isIconElement(node) ? styles.actionsIconMorph : ''} key={index}>\n            {node}\n        </div>\n    ));\n};\n\nexport const Actions: FC<PropsWithChildren<ActionsProps>> = (props) => {\n    const defaultProps = useActionsDefaultProps();\n    const {\n        children,\n        left,\n        right,\n        centered = false,\n        autoMorph = true,\n        verticalAlign = 'center',\n    } = { ...defaultProps, ...props };\n    const actionsIconsOverride = useActionsIconsDefaultProps();\n    const sideSlotIconProps = useMemo(\n        // Каст: спред union-типа `IconProps` (ветки styled/hexed с взаимоисключающими `initialColor`/`hex`)\n        // TS не сводит обратно к `Partial<IconProps>`, хотя мёрж семантически корректен.\n        () => ({ ...SIDE_SLOT_ICON_DEFAULT_PROPS, ...actionsIconsOverride }) as Partial<IconProps>,\n        [actionsIconsOverride]\n    );\n    const stage = useAnimationStage();\n    return (\n        <div\n            className={classNames(styles.actionsContainer, {\n                [styles.actionsStartStage]: stage === 'start',\n                [styles.actionsEndStage]: stage === 'end',\n                [styles.actionsOnlyStage]: stage === 'only',\n                [styles.actionsNoChildren]: !children,\n                [styles.alignTop]: verticalAlign === 'top',\n                [styles.alignCenter]: verticalAlign === 'center',\n                [styles.alignBottom]: verticalAlign === 'bottom',\n            })}\n        >\n            {(!!left || (!!right && centered)) && (\n                <IconDefaultPropsContext props={sideSlotIconProps}>\n                    <div className={styles.actionsLeftSlot}>\n                        {!!left && (\n                            <EnvironmentFingerprintNode className={styles.actionsSideSlotContent}>\n                                {autoMorph && stage !== 'only' ? wrapToMorph(left, false) : wrapToDiv(left)}\n                            </EnvironmentFingerprintNode>\n                        )}\n                        {centered && !!right && (\n                            <div\n                                className={styles.actionsSideSlotContentClone}\n                                aria-hidden=\"true\"\n                                data-qa=\"actions-duplicate-container\"\n                                // атрибут не завезли в типы react 18, только с 19го\n                                {...{ inert: 'true' }}\n                            >\n                                {wrapToDiv(right)}\n                            </div>\n                        )}\n                    </div>\n                </IconDefaultPropsContext>\n            )}\n\n            {(!!children || !left || !right) && (\n                <div className={classNames(styles.actionsCenterSlot, { [styles.actionsCenterSlotCentered]: centered })}>\n                    {children}\n                </div>\n            )}\n\n            {(!!right || (!!left && centered)) && (\n                <IconDefaultPropsContext props={sideSlotIconProps}>\n                    <div className={styles.actionsRightSlot}>\n                        {!!right && (\n                            <EnvironmentFingerprintNode className={styles.actionsSideSlotContent}>\n                                {autoMorph && stage !== 'only' ? wrapToMorph(right, true) : wrapToDiv(right)}\n                            </EnvironmentFingerprintNode>\n                        )}\n                        {centered && !!left && (\n                            <div\n                                className={styles.actionsSideSlotContentClone}\n                                aria-hidden=\"true\"\n                                data-qa=\"actions-duplicate-container\"\n                                {...{ inert: 'true' }}\n                            >\n                                {wrapToDiv(left)}\n                            </div>\n                        )}\n                    </div>\n                </IconDefaultPropsContext>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/public/LayoutMorph.js

@@ -10,7 +10,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
 import { useInert } from '../internal/useInert.js';
 import { useActualRef, useStoreSyncedTransform, lerp, calcMorphParams } from '../internal/utils.js';
 import { AnimationStageContext } from './LayoutStage.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/LayoutStage.js

@@ -9,7 +9,7 @@ import { MorphStoreProvider, useMorphStore } from '../internal/MorphStore.js';
 import { usePaneStore } from '../internal/PaneStore.js';
 import { useInitOnce } from '../internal/utils.js';
 import { EnvironmentFingerprintNode, useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/Morph.js

@@ -9,7 +9,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
 import { useStoreSyncedTransform, calcMorphParams, lerp } from '../internal/utils.js';
 import { useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
 import { useAnimationStage } from './Stage.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/NavBar.d.ts

@@ -13,10 +13,12 @@ export interface NavBarProps {
      * -- Прозрачный всегда (`true`)
      * -- Прозрачный в начале анимации (`start`)
      * -- Прозрачный в конце анимации (`end`)
+     * @default false
      */
     transparent?: 'start' | 'end' | boolean;
     /**
      * Управляет позицией триггера начала анимации
+     * @default start
      */
     startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;
     /**
@@ -27,10 +29,12 @@ export interface NavBarProps {
     endTriggerPosition?: RefObject<HTMLElement | null> | number;
     /**
      * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.
+     * @default false
      */
     overlay?: boolean;
     /**
      * Управляет режимом автодоскролла. По умолчанию включен.
+     * @default true
      */
     snapScroll?: boolean;
     /**
@@ -38,6 +42,7 @@ export interface NavBarProps {
      * - `false` дивайдер отключен
      * - `always` дивайдер отображается постоянно
      * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar
+     * @default false
      */
     showDivider?: ShowDivider;
     /**

package/public/NavBar.js

@@ -16,7 +16,8 @@ import { useSnapScroll } from '../internal/useSnapScroll.js';
 import { useSyncMotionValue } from '../internal/useSyncMotionValue.js';
 import { useInitOnce, scheduleMicro, scheduleMacro, remap } from '../internal/utils.js';
 import { isPaneElement, ExternalPane } from './Pane.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { useNavBarRootDefaultProps } from './defaultProps.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '@hh.ru/magritte-internal-custom-scroll';
 import 'motion';
 import '../internal/MorphStore.js';
@@ -27,8 +28,11 @@ import './LayoutStage.js';
 import '@hh.ru/magritte-common-use-when-font-loaded';
 import './Stage.js';
 import '../internal/useInert.js';
+import '@hh.ru/magritte-internal-default-props-context';
 
-const NavBar = ({ children, transparent = false, startTriggerPosition = 'start', endTriggerPosition, overlay = false, snapScroll: scrollSnapping = true, showDivider = false, animationProgress, }) => {
+const NavBar = (props) => {
+    const defaultProps = useNavBarRootDefaultProps();
+    const { children, transparent = false, startTriggerPosition = 'start', endTriggerPosition, overlay = false, snapScroll: scrollSnapping = true, showDivider = false, animationProgress, } = { ...defaultProps, ...props };
     const paneStoreRegistry = useInitOnce(() => new Set());
     const prevFullHeight = useRef(0);
     const rootRef = useRef(null);

package/public/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sources":["src/public/NavBar.tsx"],"sourcesContent":["import React, { Children, type ReactNode, type RefObject, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { motion, type MotionStyle, MotionValue, frame } from 'motion/react';\n\nimport { Divider, type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { MetricsProvider } from '@hh.ru/magritte-ui-nav-bar/internal/MetricsProvider';\nimport { NavBarContext } from '@hh.ru/magritte-ui-nav-bar/internal/NavBarContext';\nimport { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useNavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { useResetFocus } from '@hh.ru/magritte-ui-nav-bar/internal/useResetFocus';\nimport { useScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { useSnapScroll } from '@hh.ru/magritte-ui-nav-bar/internal/useSnapScroll';\nimport { useSyncMotionValue } from '@hh.ru/magritte-ui-nav-bar/internal/useSyncMotionValue';\nimport { remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport {\n    type PaneElement,\n    type InternalPaneProps,\n    ExternalPane,\n    isPaneElement,\n} from '@hh.ru/magritte-ui-nav-bar/public/Pane';\n\nimport styles from './nav-bar.less';\n\nexport interface NavBarProps {\n    /**\n     * В качестве потомков могут передаваться компоненты <Pane /> или произвольные элементы,\n     * которые будут автоматически обёрнуты в <Pane />.\n     */\n    children: ReactNode;\n    /**\n     * Управляет режимом прозрачности:\n     * -- Прозрачность отключена (`false`)\n     * -- Прозрачный всегда (`true`)\n     * -- Прозрачный в начале анимации (`start`)\n     * -- Прозрачный в конце анимации (`end`)\n     */\n    transparent?: 'start' | 'end' | boolean;\n    /**\n     * Управляет позицией триггера начала анимации\n     */\n    startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;\n    /**\n     * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n     * высоты навбара в процессе анимации и позиции триггера начала анмиации. Если передано число, то интерпретируется\n     * как отступ в пикселях от позиции триггера старта анимации.\n     */\n    endTriggerPosition?: RefObject<HTMLElement | null> | number;\n    /**\n     * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n     */\n    overlay?: boolean;\n    /**\n     * Управляет режимом автодоскролла. По умолчанию включен.\n     */\n    snapScroll?: boolean;\n    /**\n     * Управляет режимом отображения дивайдера:\n     * - `false` дивайдер отключен\n     * - `always` дивайдер отображается постоянно\n     * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\n     */\n    showDivider?: ShowDivider;\n    /**\n     * Принимает MotionValue значение которого будет обновляться синхронно с анимацией всего NavBar.\n     * Прогресс анимации представляется в виде числа 0..1\n     * Предназначен для синхронизации внешних анимаций с анимациями NavBar.\n     */\n    animationProgress?: MotionValue<number>;\n}\n\nexport const NavBar: FC<NavBarProps> = ({\n    children,\n    transparent = false,\n    startTriggerPosition = 'start',\n    endTriggerPosition,\n    overlay = false,\n    snapScroll: scrollSnapping = true,\n    showDivider = false,\n    animationProgress,\n}) => {\n    const paneStoreRegistry = useInitOnce(() => new Set<PaneStore>());\n    const prevFullHeight = useRef<null | number>(0);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);\n    const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);\n    const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);\n    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle] =\n        useBindScrollToAnimationProgress(\n            scrollPosition,\n            getMetrics,\n            getAnimationRanges,\n            scrollAdapter,\n            startTriggerPosition,\n            endTriggerPosition\n        );\n    const snapScroll = useSnapScroll(\n        scrollPosition,\n        totalAnimationProgress,\n        scrollAdapter,\n        getClosestStops,\n        scrollSnapping\n    );\n\n    // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render\n    const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));\n    useResetFocus(rootRef, totalAnimationProgress);\n    useSyncMotionValue(totalAnimationProgress, animationProgress);\n\n    const dividerVisibility =\n        // eslint-disable-next-line no-nested-ternary\n        showDivider === 'with-scroll' ? dividerStyle.visibility : showDivider ? 'visible' : 'hidden';\n\n    const registerPaneStore = useInitOnce(() => {\n        const subscriptions: VoidFunction[] = [];\n\n        const updateAnimationParams = () => {\n            subscriptions.length = 0;\n            invalidateMetrics();\n            invalidateAnimationRanges();\n            bindScrollToAnimationScheduled();\n            const navBarMetrics = getMetrics();\n            const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;\n\n            let scroll = scrollAdapter.getScrollTop();\n            if (prevFullHeight.current !== null && scroll !== 0) {\n                const heightDelta = fullPanesStartHeight - prevFullHeight.current;\n                scroll += heightDelta;\n\n                requestAnimationFrame(() => {\n                    scrollPosition.jump(scrollAdapter.getScrollTop() - 1);\n                    scrollPosition.jump(scrollAdapter.getScrollTop());\n                });\n            }\n\n            const animationRanges = getAnimationRanges();\n            [...paneStoreRegistry.values()].forEach((paneStore) => {\n                const range = animationRanges.get(paneStore.get('id'));\n                if (!range) {\n                    return;\n                }\n                const remapFn = remap(\n                    range[0] === 0 && range[1] === 0\n                        ? [0, 1]\n                        : [range[0] / navBarMetrics.animationHeight, range[1] / navBarMetrics.animationHeight],\n                    [0, 1]\n                );\n                const motionValue = paneStore.get('motionValue');\n                motionValue.set(remapFn(totalAnimationProgress.get()));\n                subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));\n            });\n\n            prevFullHeight.current = fullPanesStartHeight;\n        };\n\n        // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит\n        // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить\n        // количество вызовов при массовых изменениях\n        const onChange = scheduleMacro(updateAnimationParams);\n\n        return (paneStore: PaneStore) => {\n            const unsubscribe = paneStore.onChange(\n                ['startHeight', 'endHeight', 'top', 'foldable', 'animated'],\n                onChange\n            );\n            paneStoreRegistry.add(paneStore);\n            return () => {\n                paneStoreRegistry.delete(paneStore);\n                unsubscribe();\n            };\n        };\n    });\n\n    useLayoutEffect(() => {\n        bindScrollToAnimation();\n        snapScroll();\n        if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {\n            return void 0;\n        }\n        return scrollAdapter.onResize(bindScrollToAnimationScheduled);\n    }, [\n        startTriggerPosition,\n        endTriggerPosition,\n        bindScrollToAnimation,\n        bindScrollToAnimationScheduled,\n        snapScroll,\n        scrollAdapter,\n    ]);\n\n    // Оборачиваем потомков, не являющихся Pane, в Pane и вкладываем панели друг в друга через проп nextPane\n    const childrenArray = Children.toArray(children);\n    const nested = isPaneElement(childrenArray[0]) ? (\n        childrenArray.reduceRight<PaneElement | null>((acc, child) => {\n            if (!isPaneElement(child)) {\n                return acc;\n            }\n            // cloneElement сужает конструктор до InternalPaneProps, поэтому возвращаем к PaneElement\n            return React.cloneElement<InternalPaneProps>(child, {\n                ...child.props,\n                nextPane: acc,\n            }) as PaneElement;\n        }, null)\n    ) : (\n        <ExternalPane>{children}</ExternalPane>\n    );\n\n    return (\n        <Layer layer=\"navigation-bar\">\n            <MetricsProvider\n                className={classNames(styles.navBar, {\n                    [styles.navbarTransparentStart]: transparent === 'start',\n                    [styles.navbarTransparentEnd]: transparent === 'end',\n                    [styles.navbarNotTransparent]: !transparent,\n                    [styles.navbarTransparent]: transparent === true,\n                    [styles.navBarOverlay]: overlay,\n                })}\n                ref={rootRef}\n                measureClassName={styles.metricsMode}\n            >\n                <div className={styles.navBarOverlayWrapper}>\n                    <div className={styles.navBarContentContainer}>\n                        <motion.div\n                            style={{ '--magritte-ui-navbar-animation-progress': totalAnimationProgress } as MotionStyle}\n                            className={styles.navBarPanesContainer}\n                        >\n                            <NavBarContext.Provider value={registerPaneStore}>{nested}</NavBarContext.Provider>\n                        </motion.div>\n                        <motion.div\n                            className={styles.dividerContainer}\n                            style={{ ...dividerStyle, visibility: dividerVisibility }}\n                        >\n                            <Divider />\n                        </motion.div>\n                    </div>\n                </div>\n            </MetricsProvider>\n        </Layer>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"NavBar.js","sources":["src/public/NavBar.tsx"],"sourcesContent":["import React, { Children, type ReactNode, type RefObject, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { motion, type MotionStyle, MotionValue, frame } from 'motion/react';\n\nimport { Divider, type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { MetricsProvider } from '@hh.ru/magritte-ui-nav-bar/internal/MetricsProvider';\nimport { NavBarContext } from '@hh.ru/magritte-ui-nav-bar/internal/NavBarContext';\nimport { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useNavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { useResetFocus } from '@hh.ru/magritte-ui-nav-bar/internal/useResetFocus';\nimport { useScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { useSnapScroll } from '@hh.ru/magritte-ui-nav-bar/internal/useSnapScroll';\nimport { useSyncMotionValue } from '@hh.ru/magritte-ui-nav-bar/internal/useSyncMotionValue';\nimport { remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport {\n    type PaneElement,\n    type InternalPaneProps,\n    ExternalPane,\n    isPaneElement,\n} from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nimport { useNavBarRootDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\nimport styles from './nav-bar.less';\n\nexport interface NavBarProps {\n    /**\n     * В качестве потомков могут передаваться компоненты <Pane /> или произвольные элементы,\n     * которые будут автоматически обёрнуты в <Pane />.\n     */\n    children: ReactNode;\n    /**\n     * Управляет режимом прозрачности:\n     * -- Прозрачность отключена (`false`)\n     * -- Прозрачный всегда (`true`)\n     * -- Прозрачный в начале анимации (`start`)\n     * -- Прозрачный в конце анимации (`end`)\n     * @default false\n     */\n    transparent?: 'start' | 'end' | boolean;\n    /**\n     * Управляет позицией триггера начала анимации\n     * @default start\n     */\n    startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;\n    /**\n     * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n     * высоты навбара в процессе анимации и позиции триггера начала анмиации. Если передано число, то интерпретируется\n     * как отступ в пикселях от позиции триггера старта анимации.\n     */\n    endTriggerPosition?: RefObject<HTMLElement | null> | number;\n    /**\n     * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n     * @default false\n     */\n    overlay?: boolean;\n    /**\n     * Управляет режимом автодоскролла. По умолчанию включен.\n     * @default true\n     */\n    snapScroll?: boolean;\n    /**\n     * Управляет режимом отображения дивайдера:\n     * - `false` дивайдер отключен\n     * - `always` дивайдер отображается постоянно\n     * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\n     * @default false\n     */\n    showDivider?: ShowDivider;\n    /**\n     * Принимает MotionValue значение которого будет обновляться синхронно с анимацией всего NavBar.\n     * Прогресс анимации представляется в виде числа 0..1\n     * Предназначен для синхронизации внешних анимаций с анимациями NavBar.\n     */\n    animationProgress?: MotionValue<number>;\n}\n\nexport const NavBar: FC<NavBarProps> = (props) => {\n    const defaultProps = useNavBarRootDefaultProps();\n    const {\n        children,\n        transparent = false,\n        startTriggerPosition = 'start',\n        endTriggerPosition,\n        overlay = false,\n        snapScroll: scrollSnapping = true,\n        showDivider = false,\n        animationProgress,\n    } = { ...defaultProps, ...props };\n    const paneStoreRegistry = useInitOnce(() => new Set<PaneStore>());\n    const prevFullHeight = useRef<null | number>(0);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);\n    const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);\n    const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);\n    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle] =\n        useBindScrollToAnimationProgress(\n            scrollPosition,\n            getMetrics,\n            getAnimationRanges,\n            scrollAdapter,\n            startTriggerPosition,\n            endTriggerPosition\n        );\n    const snapScroll = useSnapScroll(\n        scrollPosition,\n        totalAnimationProgress,\n        scrollAdapter,\n        getClosestStops,\n        scrollSnapping\n    );\n\n    // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render\n    const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));\n    useResetFocus(rootRef, totalAnimationProgress);\n    useSyncMotionValue(totalAnimationProgress, animationProgress);\n\n    const dividerVisibility =\n        // eslint-disable-next-line no-nested-ternary\n        showDivider === 'with-scroll' ? dividerStyle.visibility : showDivider ? 'visible' : 'hidden';\n\n    const registerPaneStore = useInitOnce(() => {\n        const subscriptions: VoidFunction[] = [];\n\n        const updateAnimationParams = () => {\n            subscriptions.length = 0;\n            invalidateMetrics();\n            invalidateAnimationRanges();\n            bindScrollToAnimationScheduled();\n            const navBarMetrics = getMetrics();\n            const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;\n\n            let scroll = scrollAdapter.getScrollTop();\n            if (prevFullHeight.current !== null && scroll !== 0) {\n                const heightDelta = fullPanesStartHeight - prevFullHeight.current;\n                scroll += heightDelta;\n\n                requestAnimationFrame(() => {\n                    scrollPosition.jump(scrollAdapter.getScrollTop() - 1);\n                    scrollPosition.jump(scrollAdapter.getScrollTop());\n                });\n            }\n\n            const animationRanges = getAnimationRanges();\n            [...paneStoreRegistry.values()].forEach((paneStore) => {\n                const range = animationRanges.get(paneStore.get('id'));\n                if (!range) {\n                    return;\n                }\n                const remapFn = remap(\n                    range[0] === 0 && range[1] === 0\n                        ? [0, 1]\n                        : [range[0] / navBarMetrics.animationHeight, range[1] / navBarMetrics.animationHeight],\n                    [0, 1]\n                );\n                const motionValue = paneStore.get('motionValue');\n                motionValue.set(remapFn(totalAnimationProgress.get()));\n                subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));\n            });\n\n            prevFullHeight.current = fullPanesStartHeight;\n        };\n\n        // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит\n        // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить\n        // количество вызовов при массовых изменениях\n        const onChange = scheduleMacro(updateAnimationParams);\n\n        return (paneStore: PaneStore) => {\n            const unsubscribe = paneStore.onChange(\n                ['startHeight', 'endHeight', 'top', 'foldable', 'animated'],\n                onChange\n            );\n            paneStoreRegistry.add(paneStore);\n            return () => {\n                paneStoreRegistry.delete(paneStore);\n                unsubscribe();\n            };\n        };\n    });\n\n    useLayoutEffect(() => {\n        bindScrollToAnimation();\n        snapScroll();\n        if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {\n            return void 0;\n        }\n        return scrollAdapter.onResize(bindScrollToAnimationScheduled);\n    }, [\n        startTriggerPosition,\n        endTriggerPosition,\n        bindScrollToAnimation,\n        bindScrollToAnimationScheduled,\n        snapScroll,\n        scrollAdapter,\n    ]);\n\n    // Оборачиваем потомков, не являющихся Pane, в Pane и вкладываем панели друг в друга через проп nextPane\n    const childrenArray = Children.toArray(children);\n    const nested = isPaneElement(childrenArray[0]) ? (\n        childrenArray.reduceRight<PaneElement | null>((acc, child) => {\n            if (!isPaneElement(child)) {\n                return acc;\n            }\n            // cloneElement сужает конструктор до InternalPaneProps, поэтому возвращаем к PaneElement\n            return React.cloneElement<InternalPaneProps>(child, {\n                ...child.props,\n                nextPane: acc,\n            }) as PaneElement;\n        }, null)\n    ) : (\n        <ExternalPane>{children}</ExternalPane>\n    );\n\n    return (\n        <Layer layer=\"navigation-bar\">\n            <MetricsProvider\n                className={classNames(styles.navBar, {\n                    [styles.navbarTransparentStart]: transparent === 'start',\n                    [styles.navbarTransparentEnd]: transparent === 'end',\n                    [styles.navbarNotTransparent]: !transparent,\n                    [styles.navbarTransparent]: transparent === true,\n                    [styles.navBarOverlay]: overlay,\n                })}\n                ref={rootRef}\n                measureClassName={styles.metricsMode}\n            >\n                <div className={styles.navBarOverlayWrapper}>\n                    <div className={styles.navBarContentContainer}>\n                        <motion.div\n                            style={{ '--magritte-ui-navbar-animation-progress': totalAnimationProgress } as MotionStyle}\n                            className={styles.navBarPanesContainer}\n                        >\n                            <NavBarContext.Provider value={registerPaneStore}>{nested}</NavBarContext.Provider>\n                        </motion.div>\n                        <motion.div\n                            className={styles.dividerContainer}\n                            style={{ ...dividerStyle, visibility: dividerVisibility }}\n                        >\n                            <Divider />\n                        </motion.div>\n                    </div>\n                </div>\n            </MetricsProvider>\n        </Layer>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/public/Pane.js

@@ -10,7 +10,7 @@ import { useInitOnce, useStoreSyncedTransform, lerp } from '../internal/utils.js
 import { EnvironmentFingerprintProvider } from './EnvironmentFingerprintNode.js';
 import { LayoutStage } from './LayoutStage.js';
 import { Stage } from './Stage.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/Stage.js

@@ -7,7 +7,7 @@ import { useMeasureAuto } from '../internal/MetricsProvider.js';
 import { usePaneStore } from '../internal/PaneStore.js';
 import { useInert } from '../internal/useInert.js';
 import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import '../internal/utils.js';
 import 'motion';
 import '../internal/KeyedSubscriptions.js';

package/public/TitleContainer.d.ts

@@ -20,5 +20,6 @@ export interface TitleContainerProps {
      * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка
      */
     centered?: boolean;
+    size?: 'large' | 'small';
 }
 export declare const TitleContainer: FC<TitleContainerProps>;

package/public/TitleContainer.js

@@ -2,7 +2,8 @@ import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Morph } from './Morph.js';
-import { s as styles } from '../nav-bar-DEFIZlLr.js';
+import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
+import { s as styles } from '../nav-bar-CmjjkPy6.js';
 import 'react';
 import 'motion/react';
 import '../internal/MetricsProvider.js';
@@ -16,8 +17,30 @@ import './EnvironmentFingerprintNode.js';
 import './Stage.js';
 import '../internal/useInert.js';
 
-const TitleContainer = ({ left, title, icon, subtitle, centered = false }) => {
-    return (jsxs("div", { className: styles.titleContainerWrapper, children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, children: !!title && (jsx(Morph, { id: "title-component-title", className: styles.titleMorphItem, horizontalPositionAlign: "left", children: title })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, children: !!subtitle && (jsx(Morph, { id: "title-component-subtitle", className: styles.titleMorphItem, horizontalPositionAlign: "left", children: subtitle })) })] })] }));
+const TEXT_DEFAULT_PROPS_TITLE = {
+    small: {
+        typography: 'subtitle-1-semibold',
+        style: 'primary',
+    },
+    large: {
+        typography: 'title-4-semibold',
+        style: 'primary',
+    },
+};
+const TEXT_DEFAULT_PROPS_SUBTITLE = {
+    small: {
+        typography: 'label-4-regular',
+        style: 'secondary',
+    },
+    large: {
+        typography: 'label-2-regular',
+        style: 'secondary',
+    },
+};
+const TitleContainer = ({ left, title, icon, subtitle, size = 'small', centered = false, }) => {
+    return (jsxs("div", { className: classNames(styles.titleContainerWrapper, {
+            [styles.sizeLarge]: size === 'large',
+        }), children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, children: !!title && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_TITLE[size], children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, children: !!subtitle && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_SUBTITLE[size], children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
 };
 
 export { TitleContainer };

package/public/TitleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\n\nimport styles from './nav-bar.less';\n\nexport interface TitleContainerProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode;\n    /**\n     * Контент слота для заголовка\n     */\n    title?: ReactNode;\n    /**\n     * Контент слота для подзаголовка\n     */\n    subtitle?: ReactNode;\n    /**\n     * Контент слота справа от заголовка\n     */\n    icon?: ReactNode;\n    /**\n     * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n     */\n    centered?: boolean;\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({ left, title, icon, subtitle, centered = false }) => {\n    return (\n        <div className={styles.titleContainerWrapper}>\n            {!!left && (\n                <div className={styles.titleLeftSlot}>\n                    <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n                        {left}\n                    </Morph>\n                </div>\n            )}\n            <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n                <div className={styles.titleContainer}>\n                    <div className={styles.title}>\n                        {!!title && (\n                            <Morph\n                                id=\"title-component-title\"\n                                className={styles.titleMorphItem}\n                                horizontalPositionAlign=\"left\"\n                            >\n                                {title}\n                            </Morph>\n                        )}\n                    </div>\n                    <div className={styles.titleInlineContainer}>\n                        {!!icon && (\n                            <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n                                {icon}\n                            </Morph>\n                        )}\n                    </div>\n                </div>\n                <div className={styles.subtitleContainer}>\n                    {!!subtitle && (\n                        <Morph\n                            id=\"title-component-subtitle\"\n                            className={styles.titleMorphItem}\n                            horizontalPositionAlign=\"left\"\n                        >\n                            {subtitle}\n                        </Morph>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AA8Ba,MAAA,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAI;AACzG,IAAA,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAA,QAAA,EAAA,CACvC,CAAC,CAAC,IAAI,KACHC,aAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAChC,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAC,EAAA,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EACjE,QAAA,EAAA,IAAI,GACD,EACN,CAAA,CACT,EACDD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,CAC7EA,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EACjC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACvB,CAAC,CAAC,KAAK,KACJA,IAAC,KAAK,EAAA,EACF,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,uBAAuB,EAAC,MAAM,EAE7B,QAAA,EAAA,KAAK,GACF,CACX,EAAA,CACC,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,EAAA,QAAA,EACtC,CAAC,CAAC,IAAI,KACHA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EACnE,QAAA,EAAA,IAAI,EACD,CAAA,CACX,GACC,CACJ,EAAA,CAAA,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EACnC,CAAC,CAAC,QAAQ,KACPA,GAAA,CAAC,KAAK,EACF,EAAA,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,uBAAuB,EAAC,MAAM,EAAA,QAAA,EAE7B,QAAQ,EACL,CAAA,CACX,GACC,CACJ,EAAA,CAAA,CAAA,EAAA,CACJ,EACR;AACN;;;;"}
+{"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\n\nconst TEXT_DEFAULT_PROPS_TITLE = {\n    small: {\n        typography: 'subtitle-1-semibold',\n        style: 'primary',\n    },\n    large: {\n        typography: 'title-4-semibold',\n        style: 'primary',\n    },\n} as const;\n\nconst TEXT_DEFAULT_PROPS_SUBTITLE = {\n    small: {\n        typography: 'label-4-regular',\n        style: 'secondary',\n    },\n    large: {\n        typography: 'label-2-regular',\n        style: 'secondary',\n    },\n} as const;\n\nexport interface TitleContainerProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode;\n    /**\n     * Контент слота для заголовка\n     */\n    title?: ReactNode;\n    /**\n     * Контент слота для подзаголовка\n     */\n    subtitle?: ReactNode;\n    /**\n     * Контент слота справа от заголовка\n     */\n    icon?: ReactNode;\n    /**\n     * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n     */\n    centered?: boolean;\n    size?: 'large' | 'small';\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n    left,\n    title,\n    icon,\n    subtitle,\n    size = 'small',\n    centered = false,\n}) => {\n    return (\n        <div\n            className={classNames(styles.titleContainerWrapper, {\n                [styles.sizeLarge]: size === 'large',\n            })}\n        >\n            {!!left && (\n                <div className={styles.titleLeftSlot}>\n                    <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n                        {left}\n                    </Morph>\n                </div>\n            )}\n            <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n                <div className={styles.titleContainer}>\n                    <div className={styles.title}>\n                        {!!title && (\n                            <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_TITLE[size]}>\n                                <Morph\n                                    id=\"title-component-title\"\n                                    className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                    horizontalPositionAlign=\"left\"\n                                >\n                                    {title}\n                                </Morph>\n                            </TextDefaultPropsContext>\n                        )}\n                    </div>\n                    <div className={styles.titleInlineContainer}>\n                        {!!icon && (\n                            <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n                                {icon}\n                            </Morph>\n                        )}\n                    </div>\n                </div>\n                <div className={styles.subtitleContainer}>\n                    {!!subtitle && (\n                        <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_SUBTITLE[size]}>\n                            <Morph\n                                id=\"title-component-subtitle\"\n                                className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                horizontalPositionAlign=\"left\"\n                            >\n                                {subtitle}\n                            </Morph>\n                        </TextDefaultPropsContext>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,wBAAwB,GAAG;AAC7B,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,qBAAqB;AACjC,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,kBAAkB;AAC9B,QAAA,KAAK,EAAE,SAAS;AACnB,KAAA;CACK,CAAC;AAEX,MAAM,2BAA2B,GAAG;AAChC,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,KAAK,EAAE,WAAW;AACrB,KAAA;CACK,CAAC;MA0BE,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,GACnB,KAAI;IACD,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,EAAE;AAChD,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA,QAAA,EAAA,CAED,CAAC,CAAC,IAAI,KACHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAChCA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACjE,IAAI,EAAA,CACD,GACN,CACT,EACDD,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,aAC7EA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EACjC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACvB,CAAC,CAAC,KAAK,KACJA,GAAC,CAAA,uBAAuB,IAAC,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,EAC1D,QAAA,EAAAA,GAAA,CAAC,KAAK,EACF,EAAA,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,YAE7B,KAAK,EAAA,CACF,GACc,CAC7B,EAAA,CACC,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,EACtC,QAAA,EAAA,CAAC,CAAC,IAAI,KACHA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACnE,IAAI,EAAA,CACD,CACX,EACC,CAAA,CAAA,EAAA,CACJ,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACnC,CAAC,CAAC,QAAQ,KACPA,IAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,2BAA2B,CAAC,IAAI,CAAC,YAC7DA,GAAC,CAAA,KAAK,IACF,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,EAAA,QAAA,EAE7B,QAAQ,EACL,CAAA,EAAA,CACc,CAC7B,EACC,CAAA,CAAA,EAAA,CACJ,CACJ,EAAA,CAAA,EACR;AACN;;;;"}

package/public/defaultProps.d.ts

@@ -0,0 +1,40 @@
+import { type FC, type ReactNode } from 'react';
+import type { IconProps } from '@hh.ru/magritte-ui-icon/types';
+import type { ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';
+import type { NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';
+/** Внутренний хук чтения дефолтов корневых пропсов `NavBar` из ближайшего `NavBarDefaultPropsContext`. */
+export declare const useNavBarRootDefaultProps: () => Partial<NavBarProps>;
+/** Внутренний хук чтения дефолтов `Actions` из ближайшего `NavBarDefaultPropsContext`. */
+export declare const useActionsDefaultProps: () => Partial<ActionsProps>;
+/** Внутренний хук чтения переопределений дефолтов иконок боковых слотов `Actions`. */
+export declare const useActionsIconsDefaultProps: () => Partial<IconProps>;
+export interface NavBarDefaultPropsContextProps {
+    /**
+     * Дефолтные пропсы для самого `NavBar` в поддереве (например `startTriggerPosition` /
+     * `endTriggerPosition`) — явные пропсы на самом `NavBar` побеждают.
+     */
+    rootProps?: Partial<NavBarProps>;
+    /** Дефолтные пропсы для всех `Actions` в поддереве — явные пропсы на самом `Actions` побеждают. */
+    actionsProps?: Partial<ActionsProps>;
+    /**
+     * Переопределение дефолтных пропсов иконок в боковых слотах `Actions` (`left` / `right`).
+     * Мёржится поверх базовых дефолтов боковых иконок; на иконки центрального слота не влияет.
+     */
+    actionsIconsProps?: Partial<IconProps>;
+    /**
+     * Если `true`, заданные здесь дефолты форсируются: по пересекающимся ключам они побеждают
+     * любой вложенный (внутренний) провайдер, а не наоборот. Явные пропсы на самом компоненте
+     * по-прежнему перекрывают любой дефолт. Применяется ко всем слотам.
+     * @default false
+     */
+    important?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Провайдер дефолтных пропсов для подкомпонентов NavBar в поддереве.
+ *
+ * Под капотом раскладывает пропсы по изолированным, типизированным контекстам каждого подкомпонента
+ * (`actions` → контекст `Actions` и т.д.), а подкомпоненты читают свои дефолты через собственные хуки.
+ * Добавление поддержки нового подкомпонента = новое поле-слот здесь + чтение в этом подкомпоненте.
+ */
+export declare const NavBarDefaultPropsContext: FC<NavBarDefaultPropsContextProps>;

package/public/defaultProps.js

@@ -0,0 +1,36 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';
+
+/**
+ * Стабильные ссылки на пустые дефолты для незаданных слотов. Объявлены на уровне модуля,
+ * чтобы не создавать новый объект на каждый рендер composite-провайдера — иначе внутренний
+ * провайдер слота пересчитывал бы свёртку дефолтов вхолостую на каждый рендер.
+ */
+const EMPTY_ACTIONS_PROPS = {};
+const EMPTY_ICON_PROPS = {};
+const EMPTY_ROOT_PROPS = {};
+const rootContext = createDefaultPropsContext('NavBarRoot');
+const actionsContext = createDefaultPropsContext('NavBarActions');
+const actionsIconsContext = createDefaultPropsContext('NavBarActionsIcons');
+const RootDefaultPropsContext = rootContext.DefaultPropsContext;
+const ActionsDefaultPropsContext = actionsContext.DefaultPropsContext;
+const ActionsIconsDefaultPropsContext = actionsIconsContext.DefaultPropsContext;
+/** Внутренний хук чтения дефолтов корневых пропсов `NavBar` из ближайшего `NavBarDefaultPropsContext`. */
+const useNavBarRootDefaultProps = rootContext.useDefaultProps;
+/** Внутренний хук чтения дефолтов `Actions` из ближайшего `NavBarDefaultPropsContext`. */
+const useActionsDefaultProps = actionsContext.useDefaultProps;
+/** Внутренний хук чтения переопределений дефолтов иконок боковых слотов `Actions`. */
+const useActionsIconsDefaultProps = actionsIconsContext.useDefaultProps;
+/**
+ * Провайдер дефолтных пропсов для подкомпонентов NavBar в поддереве.
+ *
+ * Под капотом раскладывает пропсы по изолированным, типизированным контекстам каждого подкомпонента
+ * (`actions` → контекст `Actions` и т.д.), а подкомпоненты читают свои дефолты через собственные хуки.
+ * Добавление поддержки нового подкомпонента = новое поле-слот здесь + чтение в этом подкомпоненте.
+ */
+const NavBarDefaultPropsContext = ({ rootProps: root = EMPTY_ROOT_PROPS, actionsProps: actions = EMPTY_ACTIONS_PROPS, actionsIconsProps: actionsIcons = EMPTY_ICON_PROPS, important = false, children, }) => (jsx(RootDefaultPropsContext, { props: root, important: important, children: jsx(ActionsDefaultPropsContext, { props: actions, important: important, children: jsx(ActionsIconsDefaultPropsContext, { props: actionsIcons, important: important, children: children }) }) }));
+NavBarDefaultPropsContext.displayName = 'NavBarDefaultPropsContext';
+
+export { NavBarDefaultPropsContext, useActionsDefaultProps, useActionsIconsDefaultProps, useNavBarRootDefaultProps };
+//# sourceMappingURL=defaultProps.js.map

package/public/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sources":["src/public/defaultProps.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';\nimport type { IconProps } from '@hh.ru/magritte-ui-icon/types';\nimport type { ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';\nimport type { NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\n\n/**\n * Стабильные ссылки на пустые дефолты для незаданных слотов. Объявлены на уровне модуля,\n * чтобы не создавать новый объект на каждый рендер composite-провайдера — иначе внутренний\n * провайдер слота пересчитывал бы свёртку дефолтов вхолостую на каждый рендер.\n */\nconst EMPTY_ACTIONS_PROPS: Partial<ActionsProps> = {};\nconst EMPTY_ICON_PROPS: Partial<IconProps> = {};\nconst EMPTY_ROOT_PROPS: Partial<NavBarProps> = {};\n\nconst rootContext = createDefaultPropsContext<NavBarProps>('NavBarRoot');\nconst actionsContext = createDefaultPropsContext<ActionsProps>('NavBarActions');\nconst actionsIconsContext = createDefaultPropsContext<IconProps>('NavBarActionsIcons');\n\nconst RootDefaultPropsContext = rootContext.DefaultPropsContext;\nconst ActionsDefaultPropsContext = actionsContext.DefaultPropsContext;\nconst ActionsIconsDefaultPropsContext = actionsIconsContext.DefaultPropsContext;\n\n/** Внутренний хук чтения дефолтов корневых пропсов `NavBar` из ближайшего `NavBarDefaultPropsContext`. */\nexport const useNavBarRootDefaultProps = rootContext.useDefaultProps;\n\n/** Внутренний хук чтения дефолтов `Actions` из ближайшего `NavBarDefaultPropsContext`. */\nexport const useActionsDefaultProps = actionsContext.useDefaultProps;\n\n/** Внутренний хук чтения переопределений дефолтов иконок боковых слотов `Actions`. */\nexport const useActionsIconsDefaultProps = actionsIconsContext.useDefaultProps;\n\nexport interface NavBarDefaultPropsContextProps {\n    /**\n     * Дефолтные пропсы для самого `NavBar` в поддереве (например `startTriggerPosition` /\n     * `endTriggerPosition`) — явные пропсы на самом `NavBar` побеждают.\n     */\n    rootProps?: Partial<NavBarProps>;\n    /** Дефолтные пропсы для всех `Actions` в поддереве — явные пропсы на самом `Actions` побеждают. */\n    actionsProps?: Partial<ActionsProps>;\n    /**\n     * Переопределение дефолтных пропсов иконок в боковых слотах `Actions` (`left` / `right`).\n     * Мёржится поверх базовых дефолтов боковых иконок; на иконки центрального слота не влияет.\n     */\n    actionsIconsProps?: Partial<IconProps>;\n    /**\n     * Если `true`, заданные здесь дефолты форсируются: по пересекающимся ключам они побеждают\n     * любой вложенный (внутренний) провайдер, а не наоборот. Явные пропсы на самом компоненте\n     * по-прежнему перекрывают любой дефолт. Применяется ко всем слотам.\n     * @default false\n     */\n    important?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Провайдер дефолтных пропсов для подкомпонентов NavBar в поддереве.\n *\n * Под капотом раскладывает пропсы по изолированным, типизированным контекстам каждого подкомпонента\n * (`actions` → контекст `Actions` и т.д.), а подкомпоненты читают свои дефолты через собственные хуки.\n * Добавление поддержки нового подкомпонента = новое поле-слот здесь + чтение в этом подкомпоненте.\n */\nexport const NavBarDefaultPropsContext: FC<NavBarDefaultPropsContextProps> = ({\n    rootProps: root = EMPTY_ROOT_PROPS,\n    actionsProps: actions = EMPTY_ACTIONS_PROPS,\n    actionsIconsProps: actionsIcons = EMPTY_ICON_PROPS,\n    important = false,\n    children,\n}) => (\n    <RootDefaultPropsContext props={root} important={important}>\n        <ActionsDefaultPropsContext props={actions} important={important}>\n            <ActionsIconsDefaultPropsContext props={actionsIcons} important={important}>\n                {children}\n            </ActionsIconsDefaultPropsContext>\n        </ActionsDefaultPropsContext>\n    </RootDefaultPropsContext>\n);\n\nNavBarDefaultPropsContext.displayName = 'NavBarDefaultPropsContext';\n"],"names":["_jsx"],"mappings":";;;AAOA;;;;AAIG;AACH,MAAM,mBAAmB,GAA0B,EAAE,CAAC;AACtD,MAAM,gBAAgB,GAAuB,EAAE,CAAC;AAChD,MAAM,gBAAgB,GAAyB,EAAE,CAAC;AAElD,MAAM,WAAW,GAAG,yBAAyB,CAAc,YAAY,CAAC,CAAC;AACzE,MAAM,cAAc,GAAG,yBAAyB,CAAe,eAAe,CAAC,CAAC;AAChF,MAAM,mBAAmB,GAAG,yBAAyB,CAAY,oBAAoB,CAAC,CAAC;AAEvF,MAAM,uBAAuB,GAAG,WAAW,CAAC,mBAAmB,CAAC;AAChE,MAAM,0BAA0B,GAAG,cAAc,CAAC,mBAAmB,CAAC;AACtE,MAAM,+BAA+B,GAAG,mBAAmB,CAAC,mBAAmB,CAAC;AAEhF;AACa,MAAA,yBAAyB,GAAG,WAAW,CAAC,gBAAgB;AAErE;AACa,MAAA,sBAAsB,GAAG,cAAc,CAAC,gBAAgB;AAErE;AACa,MAAA,2BAA2B,GAAG,mBAAmB,CAAC,gBAAgB;AAyB/E;;;;;;AAMG;AACI,MAAM,yBAAyB,GAAuC,CAAC,EAC1E,SAAS,EAAE,IAAI,GAAG,gBAAgB,EAClC,YAAY,EAAE,OAAO,GAAG,mBAAmB,EAC3C,iBAAiB,EAAE,YAAY,GAAG,gBAAgB,EAClD,SAAS,GAAG,KAAK,EACjB,QAAQ,GACX,MACGA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAA,QAAA,EACtDA,GAAC,CAAA,0BAA0B,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAC5D,QAAA,EAAAA,GAAA,CAAC,+BAA+B,EAAA,EAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,YACrE,QAAQ,EAAA,CACqB,EACT,CAAA,EAAA,CACP,EAC5B;AAEF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/nav-bar-DEFIZlLr.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"actions-container":"magritte-actions-container___CBgYW_1-3-25","actionsContainer":"magritte-actions-container___CBgYW_1-3-25","actions-no-children":"magritte-actions-no-children___rgJUl_1-3-25","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-3-25","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-3-25","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-3-25","actions-right-slot":"magritte-actions-right-slot___aodtj_1-3-25","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-3-25","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-3-25","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-3-25","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-3-25","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-3-25","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-3-25","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-3-25","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-3-25","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-3-25","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-3-25","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-3-25","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-3-25","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-3-25","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-3-25","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-3-25","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-3-25","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-3-25","actions-only-stage":"magritte-actions-only-stage___cg10A_1-3-25","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-3-25","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-25","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-3-25","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-3-25","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-3-25","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-3-25","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-3-25","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-3-25","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-3-25","title-main-part":"magritte-title-main-part___npoHN_1-3-25","titleMainPart":"magritte-title-main-part___npoHN_1-3-25","title-left-slot":"magritte-title-left-slot___HTE7h_1-3-25","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-3-25","title-container":"magritte-title-container___y9AIx_1-3-25","titleContainer":"magritte-title-container___y9AIx_1-3-25","subtitle-container":"magritte-subtitle-container___nVUBu_1-3-25","subtitleContainer":"magritte-subtitle-container___nVUBu_1-3-25","centered":"magritte-centered___Y2mlP_1-3-25","title-morph-item":"magritte-title-morph-item___t7Wf3_1-3-25","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-3-25","title":"magritte-title___ZbLgP_1-3-25","pane-content":"magritte-pane-content___UVmC6_1-3-25","paneContent":"magritte-pane-content___UVmC6_1-3-25","pane-background":"magritte-pane-background___PDZAX_1-3-25","paneBackground":"magritte-pane-background___PDZAX_1-3-25","morph-item":"magritte-morph-item___8kF46_1-3-25","morphItem":"magritte-morph-item___8kF46_1-3-25","morph-item-top":"magritte-morph-item-top___WPEkn_1-3-25","morphItemTop":"magritte-morph-item-top___WPEkn_1-3-25","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-3-25","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-3-25","morph-item-left":"magritte-morph-item-left___T6AMW_1-3-25","morphItemLeft":"magritte-morph-item-left___T6AMW_1-3-25","morph-item-right":"magritte-morph-item-right___EuT1E_1-3-25","morphItemRight":"magritte-morph-item-right___EuT1E_1-3-25","pane":"magritte-pane___f8eFC_1-3-25","start-state-container":"magritte-start-state-container___giBVb_1-3-25","startStateContainer":"magritte-start-state-container___giBVb_1-3-25","end-state-container":"magritte-end-state-container___uiW8Q_1-3-25","endStateContainer":"magritte-end-state-container___uiW8Q_1-3-25","content-container":"magritte-content-container___7s7vv_1-3-25","contentContainer":"magritte-content-container___7s7vv_1-3-25","next-pane":"magritte-next-pane___H2oxQ_1-3-25","nextPane":"magritte-next-pane___H2oxQ_1-3-25","nav-bar":"magritte-nav-bar___RRGe0_1-3-25","navBar":"magritte-nav-bar___RRGe0_1-3-25","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-25","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-3-25","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-3-25","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-3-25","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-3-25","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-3-25","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-3-25","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-25","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-3-25","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-3-25","navBarStage":"magritte-nav-bar-stage___amDz7_1-3-25","last-pane":"magritte-last-pane___Hf2No_1-3-25","lastPane":"magritte-last-pane___Hf2No_1-3-25","metrics-mode":"magritte-metrics-mode___h38aX_1-3-25","metricsMode":"magritte-metrics-mode___h38aX_1-3-25","layout-morph":"magritte-layout-morph___I3SPy_1-3-25","layoutMorph":"magritte-layout-morph___I3SPy_1-3-25","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-3-25","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-3-25","layout-morph-start":"magritte-layout-morph-start___9-krP_1-3-25","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-3-25","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-3-25","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-3-25","divider-container":"magritte-divider-container___-NdWi_1-3-25","dividerContainer":"magritte-divider-container___-NdWi_1-3-25"};
-
-export { styles as s };
-//# sourceMappingURL=nav-bar-DEFIZlLr.js.map

package/nav-bar-DEFIZlLr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-bar-DEFIZlLr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}